gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 06:55:44 27 4
gpt4 key购买 nike

在我的网站上,我有以下元标记:

<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% 的宽度。

你能帮帮我吗?

提前致谢!

最佳答案

这将涵盖纵向和横向。

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

关于html - "width=device-width"适用于 iPhone 但不适用于 iPad,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33527263/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com