移動第一和響應式設計

Question

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

您如何支持響應式地調整用戶設備的網頁？通過響應式設計，您可以使用媒體查詢添加不同的樣式表。但是，在很多情況下，移動網頁和完整網頁的內容和標記數量是非常不同的。那麼你如何支持兩者呢？我猜你不會使用樣式表來隱藏display:none的內容，因爲它仍然需要加載整個頁面的內容，並且會對標記進行限制。那麼你使用服務器端技術給人們不同的頁面還是什麼？

Answer 1

取決於你的架構，你有幾個途徑：

• 如果沒有很多額外的內容，你的確可以使用顯示：無
• 您可以使用AJAX請求從不同的內容服務器
• 您可以使用服務器上的類似頭檢測 - http://www.zytrax.com/tech/web/mobile_ids.html弄清楚

一般情況下，對於簡單的網站，你會用第一種方法，而它可能並不是最好的（向移動用戶推送額外的內容），這是最簡單的。