iphone赢得';不要让用户缩放或滚动此网站
我想知道我在这里错过了什么 这是htmliphone赢得';不要让用户缩放或滚动此网站,iphone,html,css,scale,Iphone,Html,Css,Scale,我想知道我在这里错过了什么 这是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</tit
<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>
哈瓦那
/*福托斯德方多酒店*/
var照片=[
"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"
];
对于我能猜到的,我评论的行(设备宽度)应该防止这种情况发生,所以我有点迷失
如果这个代码不够,测试网站是
-编辑-
不允许用户缩放或滚动,即使:
<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=1, minimum-scale=0.5, maximum-scale=2.0">
我选择这个作为问题。如果你有100%的身高
body
和html
iphone很恼火
html, body {
height: 100%;
}
这就是问题所在
<meta name="viewport" content="width=1024">
我们应该解决它
-编辑-
哎呀,那个网站不是1024像素。试着试试这个值——可能是320(iPhone宽度)
-编辑2-
你为什么要让iPhone用户扩展网站呢?如果您将其设计为合适的尺寸,则只有当它们可以缩放时才令人讨厌…首先禁用它们,然后查看缩放问题是否有任何变化。您可以选择正确的位置。我想让用户缩放/滚动,以便他可以看到整个内容
<meta name="viewport" content="width=1024">