在Android上的各种浏览器中测试一些媒体查询并注意到我的三星Galaxy S上的Opera Mini 6.5似乎没有在以下代码中应用stlyes。
@media screen and (min-width: 320px){
似乎我将值降低到282，Opera Mini将执行媒体查询中的样式。
@media screen and (min-width: 282px){
我想知道是否有其他人遇到过Opera Mini没有在Android手机上正确处理媒体查询的问题。我在Android上测试过的所有其他浏览器似乎都能正常使用min-width：320px以及我在iOS设备上测试Opera Mini。
我已经设置了一些测试页面来检查视口元标记的变体。
h5bp Mobile 2元标记 - goo.gl/XfEVx
h5bp Mobile 2元标记，最大比例设置为1.0 - goo.gl/mgKJA
h5bp Mobile 3元标记 - goo.gl/uxPsa
h5bp最大比例设置为1.0的移动2元标记和Opera CSS视口标记 - goo.gl/McNhj
仅限视口元标记 - goo.gl/QMnmp
我在Opera Mini 6.5上以纵向方向在我的三星Galaxy S Epic 4G上发现了这个问题。
答案 0 :(得分：2)
根据Opera docs，Opera Mini 6.5支持媒体查询并使用 Presto 2.8 。 media queries in Presto 2.8的支持似乎已经完成。
您是否尝试使用initial比例或device-width
<meta name="viewport" content="width=device-width"/>
或
initial-scale=1.0
我搜索了我们的Opera错误报告，但我没有看到与此相关的任何内容。您是否有指向网页的链接，以便我们进一步测试。
答案 1 :(得分：1)
您是否在Opera和IE9的所有版本中都看到了同样的问题？你使用Modernizr和Respond.js吗？我有一个非常类似的问题，Respond.js是来源。
我通过http://www.initializr.com/将Modernizr和Respond.js捆绑到单个文件中解决了这个问题。
也许这有帮助。