移动优先和响应式设计

Question

我正在阅读有关制作网站的这些新技术。然而，他们所做的一切（至少是我发现的那些）试图在他们相当短的文章中融入很多流行语，没有人真正展示它的好例子。

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

Answer 1

取决于您的架构，您有几种方法：

• 如果没有太多额外内容，您确实可以使用display：none
• 您可以使用ajax向服务器请求不同的内容
• 您可以在服务器上使用类似标题检测的内容 - http://www.zytrax.com/tech/web/mobile_ids.html来确定

一般情况下，对于简单网站，您会使用第一种技术，虽然它可能不是最好的（将额外内容推送给移动用户），但这是最简单的。