Html 单击可缩小页面

我有一个问题，当我点击链接或点击并滚动到它时，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:dan.rosbert@gmail.com">dan.rosbert@gmail.com</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>

保持联络

你可以直接给我写信到：。


否则，您可以填写下面的表格。


从现在开始提供。

名字*
电子邮件*
所需服务
网站设计（从头开始）
响应性设计
自定义站点
引用
项目信息*

将此项添加到头部标签，以停止在移动设备上缩放

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

---

Hi Nakib，您的解决方案没有解决问题。我脑袋里已经有了。此问题仅发生在此联系人页面上。其他的还好。这就是让我困惑的地方。