移动优先和响应式设计

Question

我正在阅读这些制作网站的新技术。 然而，他们所做的一切（至少是我发现的）都试图在他们的简短文章中使用很多流行词，而且没有人真正展示出很好的例子。

您如何支持可自适应地适应用户设备的网页？ 通过响应式设计，您正在使用媒体查询来添加不同的样式表。 但是，在许多情况下，移动网页和完整网页之间的内容和标记的数量有很大不同。 那么，您如何同时支持两者？ 我猜您不使用样式表来隐藏display:none的内容，因为它仍然需要加载整个页面的内容，并且对标记构成约束。 那么，您是否使用服务器端技术为人们提供不同的页面呢？

Answer 1

根据您的体系结构，您可以采用以下几种方法：

• 如果没有太多多余的内容，则可以使用display：none
• 您可以使用ajax从服务器请求不同的内容
• 您可以在服务器上使用标头检测之类的方法-http : //www.zytrax.com/tech/web/mobile_ids.html找出

通常，对于简单的网站，您应该使用第一种技术，尽管它可能不是最佳方法（向移动用户推送额外的内容），但这是最简单的方法。