提问人：Brittany 提问时间：9/20/2023 最后编辑：Brittany 更新时间：9/20/2023 访问量：91
iOS设备的CSS媒体查询不起作用？
CSS Media query for iOS device not working?
问：
我正在使用以下样式尝试在 iPad（第 10 代，10.2 英寸）上自定义我的网站。但是出于某种原因，当我在iPad上访问该网站时，没有一种样式被选中。即使我使用 Safari 的开发工具，它似乎也看不到我放入样式表中的任何 CSS：
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
.master-container {
scale: 1.0 !important;
margin-top: -310px !important;
}
.logo {
text-align: center;
padding-left: 0%;
width: 99%;
}
.welcome-fb {
width: 99%;
padding-left: 0%;
text-align: center;
}
}
</style>
</head>
知道我在这里做错了什么吗？奇怪的是，我的 CSS 使用完全相同的@media结构的方向景观确实出现在 iPad 上......
答：
0赞
Jasmine
9/20/2023
#1
尝试改用; 自 2018 年以来已折旧。min/max-widthdevice-width
评论
0赞
Brittany
9/20/2023
试了一下，还是没有骰子：/
0赞
Brittany
9/20/2023
#2
终于找到了解决方案。发布它以防它对其他人有帮助！以下内容适用于第 10 代 iPad！
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: portrait) {
}
评论