页面缩小点击

Question

我有一个问题，当点击链接或点击滚动到该链接时，联系人页面会缩小设备，如iPad和手机。 它在笔记本电脑上正常工作的页面。 任何人都可以通过阅读下面的代码来理解为什么？

这是HTML代码：

<section id="contact"> 
     <div id="header"> 
      <div class="containerinner"> 
       <div class="wow slideInRight animated"> 
        <h1>Keep In Touch</h1> 
       </div> 
      </div>    
      <div id="contactcontainer"> 
       <div class="intro"> 
        <p> 
        You can drop me a line directly to: <ahref="mailto:[email protected]">[email protected]</a>. 
        <br> 
        Otherwise you can fill the form below. 
        <br> 
        Available from now. 
        </p>  
       </div> 
      </div> 
     </div> 
       <form action="contact.php" method="post"> 
        <fieldset> 
         <legend></legend> 
         <div class="controlgroup"> 
          <label for="form1_name">Name *</label> 
          <input type="text" placeholder="Enter your full name*" name="name" value> 
         </div> 
         <div class="controlgroup"> 
          <label for="form1_email">Email *</label> 
          <input type="text" placeholder="Enter a valid email address*" name="email" value> 
         </div> 
         <div class="controlgroup"> 
          <label for="form1_services">Services Required</label> 
           <select id="form1_services" name="services"> 
            <option value="Website Design"> Website Design (from scratch) </option> 
            <option value="Resposive Design"> Responsive Design </option> 
            <option value="Customize a Site"> Customize a Site </option> 
            <option value="Quotation"> Quotation </option> 
           </select> 
         </div> 
         <div class="controlgroup"> 
          <label>Project Info*</label> 
          <textarea placeholder="Hi there, I am contacting you because...*" id="msg" name="msg" required aria-required="true"></textarea> 
         </div> 
         <input type="submit" name="submit_btn" id="send" value="Hit me up!" class="wow flash animated" data-wow-delay="2s"> 
        </fieldset>   
       </form> 
</section> 

Answer 1

添加到您的head标签停止变焦在移动设备上

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />