0

我正在使用 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;}

}

谢谢！提前。

4

2 回答 2

1

我错过了 -negative 符号 oops

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

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

}
于 2012-03-13T18:49:57.070 回答
0

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

您可以在此处阅读有关此主题的更多信息

于 2013-10-24T08:03:46.543 回答