媒体查询：iPad只有一个方向工作

我目前对一个网站有麻烦，我正在转换为自适应网站。出于某种原因，我只能在iPad上使用其中一种方向。如果我将风景造型设计为ipad上的肖像造型，反之亦然。我真不明白它是什么，我做错了......媒体查询：iPad只有一个方向工作

这些是我使用的媒体查询：

@media all and (device-width : 768px) and (orientation: landscape) {} 
@media all and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){}

下面是该网站www.imarken.dk

来源

2012-08-30 Philip Thomas Barkow

链接问题出在min-device-width。尝试使用481而不是768

来源

2012-08-30 21:13:30

在这两个查询？ –

你可以在两者上使用它 –

给这些一抡：

@media only screen and (device-width: 768px) { 
    /* targets iPad */ 
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { 
    /* targets iPad Portrait */ 
} 

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { 
/* targets iPad Landscape */ 
}

来源

2012-09-03 13:57:26 iamrho

我今天有这个同样的问题！事实证明，在元视口标记中删除我的高度=设备高度解决了问题，并允许CSS在预期的纵向和横向之间切换。希望这可以帮助！

来源

2013-03-19 19:05:21 chrisgonzalez

媒体查询：iPad只有一个方向工作

回答

相关问题