我正在使用以下样式尝试在 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 上......