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>

（设备-width）应该防止这种现象发生这样我那种失去...

如果这个代码是不够的，测试网站是http://toniweb.us/gm

CNC中

不会让用户规模或滚动即便：

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

来源

2011-11-28 Toni Michel Caubet

我选择这个作为的问题。如果你有100％的高度body和html iphone是恼人的。

html, body { 
    height: 100%; 
}

来源

2011-11-28 15:28:05 HerrSerker

谢谢。所以你有什么建议？ –

首先停用它们并查看，如果变焦问题有任何变化。 – HerrSerker

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

这就是问题所在

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

应该解决它

CNC中

糟糕，网站是不是1024个像素。尝试与实验值 - 也许320（iPhone宽度）

-edit2-

为什么你会想要让iPhone用户规模的网站呢？如果你将它设计成合适的尺寸，只有它们可以缩放才会令人讨厌...

来源

2011-11-28 15:31:26

不，它不是...... –

你在哪里的权利。我想让用户缩放/滚动，以便他可以看到整个内容 –

iphone不会让用户规模或滚动本网站

回答

相关问题