扩展网站以扩大宽屏

Question

我正在完成我的第一个网站，在我的13英寸macbook上，它与移动设备一起看起来很不错。我已经设置了我的媒体查询以帮助响应方面的事情，它似乎运作良好。我的主要问题是在宽屏幕上，例如iMacs，特别是27＆＃34; iMacs一切都延伸到使用屏幕的整个宽度，因为我应该猜测，因为我已经设置了大部分百分比。只是想知道让网站在更广泛的屏幕上看起来更好的最好方法，我应该使用在设备宽度超过1500px时放大的媒体查询吗？或者我最好在整个机身上放一个包装机，以便在更大的设备屏幕上启动？

谢谢大家

Answer 1

第一步是将整个事物（或仅内容部分）放入您定义的包装div中

.content_wrapper {
  width: 100%; /* full width on screens up to 1440px */
  max-width: 1440px; /* content width limited to 1440 on large screens */
  margin: 0 auto; /* centers the container on screens above 1440 */
}