這些列如何在沒有javascript的情況下更改它們的配置

當我注意到this site時，我正在四處尋找安排內容的方式，具體取決於屏幕大小。相當漂亮的網站了。當我更改瀏覽器的大小時，列配置會更改？當我縮小到最小尺寸或在手機上訪問時，頂部的大圖像完全消失，只留下小圖標。我關閉了JavaScript，而這仍然發生。此外，它在我的ie8中工作，所以我猜這不是一個HTML5 thang。它是如何完成的？這些列如何在沒有javascript的情況下更改它們的配置

謝謝！

來源

2012-09-27 1252748

這個效果不是由Javascript完成的，而是由CSS @media queries完成的。 Chris Coyier of CSS Tricks對@media查詢有很好的介紹

簡單地說，它允許您基於某個布爾表達式指定樣式表的作用域（例如檢查窗口寬度是否是您看到的示例中使用的特定寬度）以及然後應用特定的樣式，從而使其響應設計

來源

2012-09-27 22:18:46

啊！你去了。非常感謝！ – 1252748

有沒有什麼好處，以文章的建議，「用JavaScript來僞造它」IE8和以下，而不是使用JavaScript更現代的瀏覽器。我的意思是，如果你打算這麼做，爲什麼要使用媒體查詢_and_ javascript？我覺得我失去了一些東西.. – 1252748

爲什麼要求每個人都下載並運行JS文件，如果只有幾個瀏覽器真的需要它？如果可用，本機幾乎總是更好。 – cimmanon

這些列如何在沒有javascript的情況下更改它們的配置

回答

相關問題