"width=device-width" 适用于 iPhone 但不适用于 iPad

【问题标题】："width=device-width" for iPhone but not for iPad"width=device-width" 适用于 iPhone 但不适用于 iPad
【发布时间】：2016-02-05 06:24:09
【问题描述】：

在我的网站上，我有以下元标记：

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

以下 HTML：

<body>
    <div class="content">
        <div class="inner clearfix">
        </div>
    </div>
</body>

还有下面的css：

.inner{width:1060px;}
@media screen and (max-width:640px){
    .inner{width:100%;}
}

我的问题：在 Ipad 上，页面的宽度被阻止在 768 像素，而我的网站是 1060 像素宽。我希望网站适合 iPad 的宽度，但我需要在 iPhone 上保持 100% 的宽度。

你能帮帮我吗？

提前谢谢你！

【问题讨论】：

【解决方案1】：

这将涵盖纵向和横向。

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .inner { width: auto; }
}

【讨论】：

谢谢，但我不想要 iPad 上的“移动 CSS”！我只想要常规页面（与计算机上的显示相同），但适合 iPad 屏幕。
啊。我在上面更新了，如果你的手机样式最高到 640px 那么上面应该不会影响它。
我刚刚尝试了您的解决方案：如果我这样做，我的“.inner” div 的宽度是 768 像素而不是 1060 像素，因此它们的内容会损坏。我只需要在 iPad 上，页面仍然是 1060px 宽但适合屏幕（作为信息，这是我不放置元视口时的默认行为）。