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不會讓用戶規模或滾動本網站

回答

相關問題