min-width：320px在Opera Mini上沒有正確啓動

在Android上的各種瀏覽器中測試一些媒體查詢，並注意到我的Samsung Galaxy S上的Opera Mini 6.5似乎並未將stlyes應用於以下代碼中。min-width：320px在Opera Mini上沒有正確啓動

@media screen and (min-width: 320px){

看來如果我將值降低到282，Opera Mini將執行媒體查詢中的樣式。

@media screen and (min-width: 282px){

我想知道是否有其他人遇到Opera Mini在Android手機上無法正確處理媒體查詢的問題。我在Android上測試過的所有其他瀏覽器似乎都能在最小寬度：320px以及iOS設備上的Opera Mini測試中正常工作。

我已經設置了幾個測試頁面，檢查與視口元標記的變化。

h5bp移動2元標記 - goo.gl/mgKJA

h5bp移動3元標記 - - goo.gl/uxPsa

h5bp移動2元標記與goo.gl/XfEVx

h5bp移動2元具有最大規模設定爲1.0標籤最大比例設置爲1.0和Opera CSS視標籤 - 只有goo.gl/McNhj

視窗meta標籤 - goo.gl/QMnmp

我注意到我的三星Galaxy S Epic 4G在Opera Mini 6.5上的縱向方向上的問題。

來源

2012-02-14 hybrid

根據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

我搜索了歌劇的bug報告，但我沒有看到與此相關的任何東西。你有一個網頁的鏈接，所以我們可以進一步測試。

來源

2012-02-14 14:51:11 karlcow

我已經更新了包含元視口標記變體的測試頁的問題。我期待着聽到你提出的，因爲Opera Mini對此的處理看起來很奇怪。 – hybrid 2012-02-14 20:57:29

@hybrid是否使用Opera Mini 7.0進行過試用，它已更新，並且有更好的媒體查詢處理。我現在正在iPod Touch上測試Opera Mini 7.0的頁面，並且它運行良好。我沒有三星Galaxy S Epic 4G。但我可以問Opera的其他人。 – karlcow 2012-03-06 02:49:27

@karlcow他特意提到Opera Mini。其中[自己的意思是關於'device-width']（http://stackoverflow.com/a/6803719）。 – hexalys 2015-05-08 03:04:54

您是否在Opera和IE9的所有版本中看到過相同的問題？你使用Modernizr和Respond.js嗎？我有一個非常類似的問題，Respond.js是源代碼。

我通過http://www.initializr.com/將Modernizr和Respond.js捆綁到一個文件中解決了這個問題。

也許這會有所幫助。

來源

2012-04-05 13:29:20 koubic

min-width：320px在Opera Mini上沒有正確啓動

回答

相關問題