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

Question

我已经有了这段代码：

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

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

以下是页面的外观以及桌面浏览器的外观：

以及它在真实iPad上的外观：

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

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

希望这个帮助