對不起,如果這已經解決了這個社區的某個地方,但到目前爲止還找不到合適的解決方案。我爲http://www.smartmarine.ee寫了一個html/css,這在每個瀏覽器中都能正常工作,除了IE9 +(這裏並不令人意外)。由於css是用移動優先的方式編寫的,所以媒體查詢用於桌面版本,但沒有通過IE9 +實現(當前沒有特別需要在較早的IE版本中工作)。 IE9 +似乎只能讀取第一個CSS樣式並忽略media'querys自帶的所有內容。IE9 +不喜歡媒體查詢css
我已經試過:
- 改變測量媒體querys爲 「PX」
- 加入 「元」 標籤的HTML 「
<meta http-equiv="X-UA-Compatible" content="IE=edge">
」 - 也試圖與 「元」 標籤 「
<meta http-equiv="X-UA-Compatible" content="IE9">
」 - 在CSS
使用 「@media all and (min-width:0\0) {}
」 當我在IE9和IE10測試它,我總是CLO sed瀏覽器,並刪除所有的歷史記錄,以確保瀏覽器不會被一些舊數據卡住。
我一直堅持這一個多星期,現在感謝你得到一些解決方案。這感覺是一些簡單的東西,我錯過了,但後來...
我不會複製的HTML,也不是CSS,因爲它會使這個問題不必要的長,但如果你覺得我應該做它,然後讓我知道。
該網站是:http://www.smartmarine.ee
謝謝大家提前!
奇怪。我有根級別的HTML和CSS,其中還找到任何圖像的「imgs」文件夾。儘管IE讀取CSS的核心(移動優先,在媒體查詢之前)部分並找到圖像,但似乎拒絕應用媒體查詢樣式規則,這應該在視口擴大時應用。 –