所以我有一個網站,我的意思是讓它的2版本,桌面版本(具有完整功能)和移動版本(簡化桌面版本)。我在CSS中使用媒體查詢來調整樣式。它在原生瀏覽器中運行良好。當我使用原生瀏覽器打開我的網站時,它會顯示手機版的風格。但不知何故,當我使用Opera Mini打開我的網絡時,它不斷顯示桌面版本。Opera Mini中的桌面網絡版和移動網絡版
我已經使用了它並沒有發現任何線索。任何想法是如何發生的? 謝謝!
所以我有一個網站,我的意思是讓它的2版本,桌面版本(具有完整功能)和移動版本(簡化桌面版本)。我在CSS中使用媒體查詢來調整樣式。它在原生瀏覽器中運行良好。當我使用原生瀏覽器打開我的網站時,它會顯示手機版的風格。但不知何故,當我使用Opera Mini打開我的網絡時,它不斷顯示桌面版本。Opera Mini中的桌面網絡版和移動網絡版
我已經使用了它並沒有發現任何線索。任何想法是如何發生的? 謝謝!
Opera Mini爲什麼會顯示該網站的桌面版本有多種原因。最有可能的是,您的網站沒有正確檢測Opera Mini作爲移動網站,並且沒有返回正確的內容。如果您正在使用一些插件或其他軟件來自動處理桌面與移動設備的路由,那可能是罪魁禍首。另外,由於Opera Mini的工作原理,這可能是由於設計而發生的。
Opera Mini通過Opera自己的代理服務器運行網頁內容,並嘗試在將內容交付給用戶之前進行「優化」。也就是說,內容首先在代理服務器上呈現,然後傳遞到設備。這對於那些試圖向用戶提供一致的移動網絡體驗的人來說當然會造成各種各樣的困難。幸運的是,Opera提供了一個development guide來幫助您更好地瞭解正在發生的事情以及如何應對。
根據我的經驗,Opera Mini是一個非常困難的瀏覽器。在維基媒體基金會,當我們檢測到某人使用Opera Mini時,我們服務了一個非常有限的維基百科(和兄弟項目)體驗。
您應該仔細閱讀opera mini development guide,並確保您正在執行的任何設備檢測功能能夠將opera mini正確識別爲移動瀏覽器。如果您只是使用媒體查詢,則可能要重新考慮更強大的移動檢測方法,或者相應地調整您的設計以適用於Opera Mini。祝你好運!
我終於發現它有什麼問題。事實證明,我只是在使用@media screen
,而Opera Mini似乎並不適合。我已經搜索了好幾個小時。有人說實際上Opera Mini支持@media screen
,但其他人表示Opera Mini的正確媒體屬性是@media handheld.
嗯,我試圖通過簡單地將其更改爲@media all
來保證安全。它的工作原理!
這解釋了很多。謝謝你! :-) – paulfah