响应式网站在浏览器调整大小时看起来不错，但在真正的 ipad 中却很尴尬

Posted 2023-03-12

【中文标题】响应式网站在浏览器调整大小时看起来不错，但在真正的 ipad 中却很尴尬

【英文标题】：Responsive website looks fine when browser resizing but awkward in real ipad

【发布时间】：2015-07-04 06:25:57

【问题描述】：

我已经有了这个代码：

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

将页面调整为较小的屏幕时，该页面在桌面浏览器中看起来非常好。在 responsinator 和其他几个网站上也很完美。但是，在真正的 iPad 上加载时，它看起来很尴尬。

以下是页面的外观，它在桌面浏览器上的外观：

这是它在真实 iPad 上的外观：

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

【问题讨论】：

我使用 设置视口，效果很好。对于实际测试，您可以使用mobiletest

【参考方案1】：

试试这个元标记

   

 <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">

希望有帮助