关于响应式设计的大多数问题都有答案，可以在媒体查询中使用屏幕尺寸来显示移动设计与桌面设计，而不是将其与手机/平板电脑/桌面浏览器的测试或仅测试结合（或者服务器端或JavaScript）。
但是现在很多手机的显示器都是1080p或更高，有些浏览器会以实际像素报告这个（我相信iPhone Safari不会）。即使有这么多像素，该分辨率的桌面设计也不适合手机，甚至可能不是平板电脑。
此外，JavaScript可能存在差异（桌面可能有鼠标悬停操作等）。
处理所有这些问题的最佳方法是什么？在媒体查询中使用屏幕大小真的更好吗？或者这个工作服务器端检测的组合？或完全不同的东西？
答案 0 :(得分：1)
媒体查询是处理Responsive Web Design的标准方式。 viewport标记的<meta>属性允许开发人员管理大小调整和缩放。您可以阅读更多相关信息here（Mozilla开发者网络是研究这些类型问题的好地方）并查找文档here。但是，如果您只是想快速入门，请阅读this教程。
它的主旨是：包含以下元标记以防止移动浏览器以桌面浏览器的形式显示网站：
<meta name="viewport" content="width=device-width, initial-scale=1">
以下是一些可能有用的其他教程和框架：