@media only屏幕和(orientation:portrait){}在iOS模拟器中不起作用?

时间:2011-07-25 08:18:08

标签: css css3 mobile-safari ios-4.2

@media only screen and (orientation:portrait){}无法在iOS模拟器中运行?任何使其有效的解决方案?

我正在使用ipad的iOS模拟器。和模拟器处于纵向模式

但它没有采取内部写的任何内容

@media only screen and (orientation:portrait){



}

编辑:我刚刚使用此链接进行了测试http://www.webdesignerwall.com/demo/media-queries/我认为模拟器不会检测媒体查询。

编辑2:我还在此处上传了视频http://www.youtube.com/watch?v=1R_QEfRD9xc&feature=youtu.be

1 个答案:

答案 0 :(得分:0)

使用safari打开项目并启用“在菜单栏中显示开发菜单”。 在开发菜单上选择用户代理> ipad公司

调整窗口大小,@media only screen and (orientation:portrait){}现在正常工作