文章/答案/技术大牛

发布

社区首页 >问答首页 >"width=device-width“用于iPhone但不用于iPad

问"width=device-width“用于iPhone但不用于iPad
EN

Stack Overflow用户

提问于 2015-11-05 00:41:05

回答 1查看 93关注 0票数 0

在我的网站上，我有以下meta标签：

<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，但我需要保持一个100%的宽度对iPhone。

你能帮帮我吗？

提前谢谢你！

ipad

viewport

html

css

iphone

回答 1

Stack Overflow用户

发布于 2015-11-05 00:47:20

这将涵盖肖像和风景。

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/33527263

复制

相似问题

问"width=device-width“用于iPhone但不用于iPad
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问"width=device-width“用于iPhone但不用于iPadEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问"width=device-width“用于iPhone但不用于iPad
EN