javascript - 响应式网站在调整浏览器大小时看起来不错,但在真正的 ipad 中却很笨拙

标签 javascript html ios css ipad

我已经有了这个代码:

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

在将页面调整为较小的屏幕时,该页面在桌面浏览器中看起来非常好。在 responsinator 和其他几个网站上也很完美。然而,当加载到真正的 iPad 上时,它看起来很别扭。

页面应该是这样的,它在桌面浏览器上确实是这样的: enter image description here

这是它在真实 iPad 上的样子:

enter image description here

是否有任何工具可以在桌面上显示真实 iPad 上显示的内容?

最佳答案

试试这个元标签

 <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   
    <meta name="MobileOptimized" content="320">

希望对你有帮助

关于javascript - 响应式网站在调整浏览器大小时看起来不错,但在真正的 ipad 中却很笨拙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31217635/

相关文章:

Python - beautifulsoup,应用于文件夹中的每个文本文件并生成新的文本文件

javascript - 在 HTML5 中动态更改图像的顺序 - Canvas

ios - Xcode:评估表达式不做任何事情

javascript - 如何使用 javascript 从图像中删除 EXIF 数据?

javascript - focus() 方法在 jquery 中不起作用

javascript - AngularJS 指令 - 来自 $scope 的模板和其他指令

javascript - XSS安全。来自同一域的 2 个 iframe 之间的通信

jquery - 使用 Jquery,从 html 表中读取一行中的第三列的最佳方法是什么

ios - 缺少编辑属性和setEditing :animated: in UICollectionViewCell

javascript - 在聚合物模块中使用观察器