Question

我正在使用css媒体查询来检测iPad上的肖像模式，并将定心样式应用于具有固定或绝对定位的div，我试过两者都无济于事。查询正在运行，但div不会以纵向模式居中。它将完美地融入景观中。

您可以在http://goodmorningmoon.ca传递：springy88

现场查看该网站

这是我的代码

    @media only screen and (max-device-width: 1024px) and  (orientation:portrait) { 
    #logo{ position:absolute; left:50%; width:160px; margin-left:80px;}

}

谢谢！提前。

Answer 1

我错过了-negative符号oops

@media only screen and (max-device-width: 1024px) and  (orientation:portrait) { 

    #logo{position:absolute; width:160px; margin-left:-80px; left:50%; }

}

Answer 2

您当前的查询使用的是max-device-width - 此属性是指设备screen-width;它不会根据浏览器窗口的方向或大小而改变。 max-width指的是实际的浏览器窗口，在这种情况下会为您提供所需的结果。

您可以在this topic here

上阅读更多内容

Ipad以纵向模式居中，在横向模式下工作

2 个答案: