我们正在开发一个快速响应的网站。我们一直在为某些页面开发模型，这些模板可以重用桌面和移动版本完全相同的标记。
问题（从软件工程师的角度来看）是：
最好（A）为桌面和移动版本的相同部分（即联系表单）的标记创建双重版本，并使用媒体查询有时显示/隐藏标记吗？
或者（B）使用服务器端检测设备/屏幕分辨率并在浏览器中解析适当版本的标记是否更好？
随着（A）我们最终将更复杂的标记返回到浏览器，有时候，它的大部分隐藏（显示：无）和页面某些部分的重复标记。对于需要尽可能简单明了的标记的移动设备来说并不好。然而，选项（A）听起来更像是理论上更正确的响应式设计方法。
使用（B）我们将更简单，更清晰的标记返回给浏览器，因为在服务器端我们决定返回标记的哪些部分。另一方面，当例如调整桌面浏览器窗口时，我们失去了页面完全响应的灵活性（因为标记将来自服务器而不能在窗口调整大小时更改）。
没有选项可以重新设计页面，以便使用具有不同定位/尺寸的相同元素。
没有选项可以使用网站的移动版本（不同的域名）。
感谢。
答案 0 :(得分：1)
我建议服务器端检测，因为您不希望移动客户端加载大量不必要的标记。此外，响应式设计背后的理念是它在设备上重复使用相同的代码，但听起来您正在使用两种不同的设计，这将阻止您采用涉及媒体查询的方法。
祝你好运！
答案 1 :(得分：0)
虽然同情旧版移动浏览功能是个好主意，但您必须考虑哪一个会比另一个更耐用。电话更新频繁，而网站将保持3到4倍的时间。
未来的代码。我们工程师负责创建未来将要实施的技术。
我的两分钱