gpt4 book ai didi

html - iPad 总是假设纵向宽度为最大宽度

转载 作者:行者123 更新时间:2023-11-27 22:37:07 24 4
gpt4 key购买 nike

我正在构建一个具有 3 种尺寸的响应式网站。最大 480 像素、最大 768 像素和最大 1024 像素+;但是,我在使用 iPad 时遇到了问题。在 Galaxy Tab 10.1 上它就像一个魅力,在我的浏览器中它也很好..但似乎每当我使用 iPad 时它似乎总是认为最大宽度是 768px。

我的意思是: Explenation

这是我的代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<meta name="viewport" content="width=device-width, user-scalable=no" />
</head>
<style type="text/css">

body {
background-color: red;
}

@media screen and (max-width: 480px) {
body {
background-color: green;
}
}

@media screen and (min-width: 481px) and (max-width: 1023px) {
body {
background-color: brown;
}
}

@media screen and (min-width: 1023px) {
body {
background-color: blue;
}
}

</style>
<body>
<div class="color">
Some color
</div>
</body>
</html>

虽然我的要求不包括 iPad 支持,但我确实希望支持它。

最佳答案

这可能与最大比例、最小比例和初始比例有关 - 尝试将所有这些设置为 1 并查看是否有任何变化。

缺点是 iOS 用户无法通过双指缩放来放大您的页面。

当您旋转 iPad 时,它不会更改视口(viewport),而是缩放内容。 Allen Pike 有很好的解释.

关于html - iPad 总是假设纵向宽度为最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13305745/

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