我想知道我在这里失踪了什么
这是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">
答案 0 :(得分:1)
我选择这个作为问题。如果你有100%身高body
和html
iphone很恼火。
html, body {
height: 100%;
}
答案 1 :(得分:1)
<meta name="viewport" content="width=device-width">
这就是问题
<meta name="viewport" content="width=1024">
应该解决它
-edit -
哎呀,那个网站不是1024像素。尝试尝试使用该值 - 可能是320(iPhone宽度)
-edit2 -
为什么你想让iPhone用户扩展网站呢?如果你把它设计成合适的尺寸,那么只要它们可以扩展就很烦人了......