Question

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

<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上，页面宽度被阻止为768px而我的网站宽度为1060px。我希望网站能够适应iPad的宽度，但我需要在iPhone上保持100％的宽度。

你能帮我吗？

提前谢谢！

Answer 1

这将涵盖肖像和风景。

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