爲什麼媒體查詢從一組規則中「捕捉」到下一個規則是一個問題？

下面引用來自這裏：http://www.creativebloq.com/css3/create-fluid-layouts-html5-and-css3-3142768 爲什麼媒體查詢從一組規則中「捕捉」到下一個規則是一個問題？

「任何固定寬度的設計，只使用媒體查詢爲不同的視口適應，只會‘捕捉’從一組CSS媒體查詢規則，跟旁邊沒有線性兩者之間的進展。「

但是，我不禁想知道爲什麼這很重要。當然，當開發人員使用瀏覽器大小時，轉換過程非常流暢，看起來很漂亮，但訪問客戶（在電子商務網站或博客上）實際上會這樣做？一般來說，訪問者一次只能訪問一臺設備，然後按一下，然後離開。即使他們回到其他設備上，用戶體驗也不需要平滑過渡，所以，爲什麼我們關心媒體查詢之間的線性進展？

來源

2014-12-07 Padawan

我不知道。我希望這篇文章真正指的是，在960像素的情況下，固定佈局仍可能使用最小寬度：600像素大小，因爲它仍然在技術上不是最小寬度：1000像素，導致浪費水平的空間。這是固定佈局與流體佈局相比的主要缺點，並且自網頁設計開始就已知曉。但是它的寫法似乎意味着人們會隨時調整其瀏覽器窗口大小等。 – BoltClock 2014-12-07 07:22:50

這在我們的電子商務的客戶之一，成爲一個實際問題對我們來說，當有人從橫向到縱向（尤其是像iPhone設備，其中寬度是顯著不同）開關hoding設備將出現在大小「變革」，即然後轉向水平或其他方式，事實上，因爲我們使用了媒體查詢，所以在採用新寬度的佈局中存在很小的延遲（幾分之一秒）。

另一個現實的情況是，人們可能會在瀏覽器的恢復版本和最大化版本之間切換，然後再次評論，浪費空間也是一個問題。

來源

2014-12-07 07:35:23 skv

恢復關閉與手動調整大小不是一回事。 – BoltClock 2014-12-07 07:38:39

@BoltClock我同意，主要是我們的實際經驗是設備切換 – skv 2014-12-07 07:39:24

@skv我認爲你已經釘了它最大化瀏覽器。作者說，「我們需要將固定的，基於像素的佈局切換爲流暢的比例佈局，這將使元素相對於視口縮放，直到一個媒體查詢或另一個媒體查詢修改樣式」。然後我檢查了他的樣本網站http://www.andthewinnerisnt.com/index.html 即使您沒有調整瀏覽器的大小，該網站在所有縮放級別上都是完全流暢的。而像http://www.stylinonline.com/這樣的網站則不是。我發現我確實碰巧放大和縮小（訪問網站時），而不是調整瀏覽器大小。 – Padawan 2014-12-07 14:47:12

爲什麼媒體查詢從一組規則中「捕捉」到下一個規則是一個問題？

回答

相關問題