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

我已经有了以下代码:

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

将页面调整为较小的屏幕时，该页面在桌面浏览器中看起来绝对不错。在响应者和其他几个网站上也很完美。但是，当在真实的iPad上加载时，它看起来很尴尬。

这是页面的外观，它在桌面浏览器上的外观也确实如此:

这是在真实iPad上的外观:

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

最佳答案

试试这个meta标签

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