JQuery 移动设备缩放 [英] JQuery Mobile Device Scaling
本文介绍了JQuery 移动设备缩放的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 JQuery Mobile,但在从浏览器扩展到 iPhone 时遇到问题.
当我在浏览器 (safari) 上加载它时,它会收缩和扩展得很好.但是,当我将它加载到 iPhone 上时,它不会缩放.它允许您在不应该左右滚动时左右滚动.
我是否应该添加一些东西以使其在识别出它是移动设备时按比例缩小.
这是我当前的 html.
<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 type="text/javascript" src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>头部><身体><身体><!-- 第一页开始--><div data-role="页面"><div data-role="header"><div id="标题"><ul><li><div><a href="logout.php">注销</a>
<li style="float:right;"><div><a href="new.php">新建</a>
<h1 align="center">标题</h1><div id="清除"></div>