我正在开发3个HTML5响应式网站，它们都需要适应设备。 到目前为止，我了解媒体对小型设备的查询，我已经看到了良好的分数，320px，375px，425px，480px，768px，1024px。 现在，“问题”来自更大的屏幕。 我仍然有一些疑问，例如在我工作的办公室，他们有大屏幕2560px，但我应该如何编写正确的查询呢？ 我有一个11“的macbook，我的同事也有一个更大的13”，其中主页以不同的方式显示。 我还应该设置最大宽度1680像素，最大宽度1920像素和最大宽度2560像素？我在谷歌上看到这是最常见的大屏幕，当我在办公室办理登机手续时显然“正常工作”。 真正的问题是：我应该如何在更大的屏幕上工作？我应该使用哪些设置在不同的大屏幕上显示相同的网页？ 到目前为止，我没有找到一个非常好的解释。 提前致谢
答案 0 :(得分：0)
答案是你应该设计一个最终宽度，然后最终将该div放在页面中间，这样即使屏幕变宽，唯一可以扩大的范围就是围绕div的背景。您需要将div的宽度设置为固定宽度。
即使对于较大的屏幕，也可能会缩放较大的字体，使得阅读体验变得繁琐。如果要将内容缩放到浏览器宽度的100％，则读者需要很长时间才能读取所需信息，因此为什么以固定div为中心工作。对于开发人员而言，它也很方便。
就较小的屏幕而言，您可能需要通过媒体查询将包含所有信息的div扩展到某个断点处100％的浏览器宽度。
最终结果应如下所示：
100% browser width --> fixed centered div with a background
(mobile + tablets) (large screens)