Уменьшение страницы при нажатии

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:[e-mail]">[e-mail]</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

Добавьте это к своей метке головы, чтобы остановить масштабирование на мобильных устройствах

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