JQuery移动设备扩展
JQuery移动设备扩展
提问于 2011-06-23 09:45:05
我使用的是JQuery手机，从浏览器到iPhone的缩放遇到了问题。
当我在浏览器(safari)上加载它时，它可以很好地收缩和扩展。然而，当我把它加载到我的iPhone上时，它不能伸缩。它允许你在不应该滚动的时候向左和向右滚动。
有没有什么我应该添加的东西，使它缩小规模，以识别它是一个移动设备。
这是我当前的html。
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.domain.com/css/jquery.mobile-1.0b1.min.css" />
<link rel="stylesheet" href="http://www.domain.com/css/base.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js">
</script>
<script type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
</head>
<body>
<body>
<!-- Start of first page -->
<div data-role="page">
<div data-role="header">
<div id="header">
<ul>
<li>
<div><a href="logout.php">Logout</a>
</div>
</li>
<li style="float:right;">
<div><a href="new.php">New</a>
</div>
</li>
<h1 align="center">Title</h1>
</ul>
<div id="clear"></div>
</div>
</div>
<!-- /header -->
<div id="stream">
<div id="stream_story">
<ul style="width:100%">
<li>
<img src="" />
</li>
<li style="float:right;">></li>
<li style="width:75%;margin-bottom:10px;margin-left:5px;">Content
<br/><span>Content</span>
</li>
</ul>
</div>
<div id="clear"></div>
<hr/>
</div>
<!-- /content -->
</div>
<!-- /page -->
</body>
</body>
</html>回答 1
Stack Overflow用户
发布于 2012-06-06 05:35:08
在Jquery Mobile1.1.0中，上面的答案似乎只适用于纵向。我四处搜索，发现了这个版本的meta标签，它(在我的例子中)在两个方向上都可以工作，不需要任何javascript：
<meta content="width=device-width, minimum-scale=1, maximum-scale=1" name="viewport">(指定设备宽度，但不指定高度。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6448465
复制相关文章
相似问题