@media only screen and (orientation:portrait) 在 iOS 模拟器中不起作用？

Posted 2023-03-07

【中文标题】@media only screen and (orientation:portrait) 在 iOS 模拟器中不起作用？

【英文标题】：@media only screen and (orientation:portrait) not working in iOS Emulator?@media only screen and (orientation:portrait) 在 iOS 模拟器中不起作用？

【发布时间】：2011-07-25 08:18:08

【问题描述】：

@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

【问题讨论】：

我在模拟器中测试过，效果很好：w3.org/Style/CSS/Test/MediaQueries/20100726/…

【参考方案1】：

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

调整窗口大小和@media only screen and (orientation:portrait) 现在可以使用了

【讨论】：

但我问的是模拟器