創建適用於IE8（桌面）的移動優先網站

我目前正在使用媒體查詢向移動和桌面用戶（即2個用戶）提供不同佈局的網站上工作。遵循移動第一種方法，我首先使用移動視圖的樣式，然後使用媒體查詢創建桌面視圖的樣式。創建適用於IE8（桌面）的移動優先網站

這工作正常，當然在不支持媒體查詢的瀏覽器中除外。 IE8被支持，所以顯然它只是忽略了我爲桌面修改的所有內容，只是顯示了移動視圖。

我想出的一件事是爲IE創建一個專用的樣式表，其中包含進入媒體查詢的所有內容，但這似乎是一種非常笨拙的方式，因爲我必須手動更新它。

這一定是一個相當普遍的情況 - 你認爲這裏最好的做法是什麼？

來源

2014-09-06 max

https://github.com/scottjehl/Respond – mlnmln 2014-09-06 12:21:30

感謝您的鏈接，我會試試看！ – max 2014-09-07 10:01:57

是的，有一種方法。我一直使用它來設計移動優先網站。

以前我曾經使用css3-mediaqueries.js，但現在鏈接已經死機。所以你可以使用它，如果你能從某個地方得到它。

我現在不使用'css3-mediaqueries.js'，因爲如果您的文件中有任何css只針對Firefox瀏覽器，那麼'css3-mediaqueries.js'會崩潰並且無法工作。可以使用Respond.js。與css3-mediaqueries.js不同，respond.js適用於所有瀏覽器。

希望這會有所幫助。 :)

來源

2014-09-06 13:09:54

感謝您的回覆，我現在正在查看respond.js。 – max 2014-09-07 10:02:51

創建適用於IE8（桌面）的移動優先網站

回答

相關問題