1

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

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

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

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

+4

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

+0

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

回答

1

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

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

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

希望這會有所幫助。 :)

+0

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