css - 媒体查询不适用于 iPad

Question

下面的代码在 iPad 上没有做任何事情，尽管与桌面相比字体应该更大......这是怎么回事？

<style type="text/css">
@media screen and (min-device-width: 481px) and (orientation:landscape) {
.header {
font-family: courier new, monospace;
color: #999999;
font-size: 16pt;
line-height: 12pt;
width: 38.25em;
 }
}
.header {
font-family: courier new, monospace;
color: #999999;
font-size: 12pt;
line-height: 12pt;
width: 38.25em;
}
</style>

Answer 1

尝试将@media 查询移到另一个头类下面，我相信第二个头类正在覆盖您的媒体查询