iphone не позволит пользователю масштабировать или прокручивать этот сайт

Мне интересно, что мне здесь не хватает

это html

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" href="../../nImg/favicon.ico" type="image/x-icon" />
        <title>Gran Melia</title>
        <meta name="Description" content="Gran Meliá"/>
        <meta name="Keywords" content="Gran Melia"/>
        <meta name="Language" content="es"/>
        <meta name="Robots" content="index,follow"/>
        <meta name="og:description" content="red" />
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>

        <!--<meta name="viewport" content="width=device-width"> 
         <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> -->
        <!--<meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" /> -->

        <link href="css/960.css" rel="stylesheet" type="text/css" />
        <link href="css/css.css" rel="stylesheet" type="text/css" />
        <!--<link href="css/media.css" rel="stylesheet" type="text/css" />-->
        <!-- <link href="http://keepyourlinks.com/css/ui.css" rel="stylesheet" type="text/css" /> -->
        <script src="js/jquery.js" type="text/javascript"></script>
        <script src="js/js.js" type="text/javascript"></script>
            <!-- Fondo de galería -->
        <script src="js/graphics.js" type="text/javascript"></script>
        <script src='js/iscroll.js' type='text/javascript'></script> 
        <!--[if IE]>
            <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script type="text/javascript">
            /*Fotos de fondo*/
            var photos = [
                "http://www.bancotravel.com/images/hoteles/M/MELIAPALACIOISORAALCALA/foto-hotel-23.jpg",
                "http://www.bancotravel.com/images/hoteles/M/MELIAPALACIOISORAALCALA/foto-hotel-24.jpg",
                "http://larivieramaya.es/wp-content/uploads/2011/04/sol-melia-prepara-el-lanzamiento-en-mexico-de-la-marca-paradisus-con-dos-hoteles-en-playa-del-carmen.jpg"
            ];
        </script>
    </head>

насколько я могу догадаться, я комментирую строки (ширину устройства), которые должны предотвратить это, поэтому я немного растерялся...

Если этого кода недостаточно, тестовый веб-сайт http://toniweb.us/gm

-РЕДАКТИРОВАТЬ-

Не позволит пользователю масштабировать или прокручивать, даже если:

<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=1, minimum-scale=0.5, maximum-scale=2.0">

iphone scale html css
person Toni Michel Caubet    schedule 28.11.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я выбираю это как проблему. Если у вас 100% высоты body и html, iphone раздражается.

html, body {
    height: 100%;
}
person yunzen    schedule 28.11.2011
comment
сначала отключите их и посмотрите, есть ли какие-либо изменения в проблеме масштабирования. - person yunzen; 28.11.2011

arrow_upward
1
arrow_downward 

<meta name="viewport" content="width=device-width">

Это проблема

<meta name="viewport" content="width=1024">

Должен решить это

-редактировать-

Ой, этот сайт не 1024 пикселей. Попробуйте поэкспериментировать со значением — может быть, 320 (ширина iPhone).

-редактировать2-

Почему вы все равно хотите позволить пользователям iPhone масштабировать веб-сайт? Если вы спроектируете его для правильного размера, раздражает только то, что они могут масштабироваться...

person Tom van der Woerdt    schedule 28.11.2011
comment
ты где прав. я хочу, чтобы пользователь масштабировал/прокручивал, чтобы он мог видеть весь контент - person Toni Michel Caubet; 28.11.2011