移動優先和響應式設計

Question

我正在閱讀這些制作網站的新技術。 然而，他們所做的一切（至少是我發現的）都試圖在他們的簡短文章中使用很多流行詞，而且沒有人真正展示出很好的例子。

您如何支持可自適應地適應用戶設備的網頁？ 通過響應式設計，您正在使用媒體查詢來添加不同的樣式表。 但是，在許多情況下，移動網頁和完整網頁之間的內容和標記的數量有很大不同。 那么，您如何同時支持兩者？ 我猜您不使用樣式表來隱藏display:none的內容，因為它仍然需要加載整個頁面的內容，並且對標記構成約束。 那么，您是否使用服務器端技術為人們提供不同的頁面呢？

Answer 1

根據您的體系結構，您可以采用以下幾種方法：

• 如果沒有太多多余的內容，則可以使用display：none
• 您可以使用ajax從服務器請求不同的內容
• 您可以在服務器上使用標頭檢測之類的方法-http : //www.zytrax.com/tech/web/mobile_ids.html找出

通常，對於簡單的網站，您應該使用第一種技術，盡管它可能不是最佳方法（向移動用戶推送額外的內容），但這是最簡單的方法。