Question

我正在做一个完整的响应式网站，当我在屏幕上显示1280px时一切正常，但是一旦我进入1920px屏幕，一切都会下降。

但我不想为1920px设置媒体查询并再次修复所有内容，我只是希望页面在1280px和1920px上保持不变

我的css（手写笔）上有这个

body
 font-family 'Source Sans Pro'
 width 100%
 padding 0 !important
 margin 0 auto !important
 font-weight lighter

在html中，我有<body>元素，里面有<main>元素。

提前致谢

Answer 1

.wrapper{
    width:1280px;
    margin:0 auto;
}

将所有内容封装在具有静态宽度的div中。

Answer 2

你可以像这样申请尼克斯的解决方案。

<div class="wrapper">
   <main>
     <!-- your content here -->
   </main>
 </div>

并使用媒体查询来设置包装div的宽度，如下所示

@media only screen and (min-width: 1281px) {
  .wrapper {
      width: 1280px;
      margin: 0 auto;
   }
 }

这样即使浏览器窗口宽度大于1280px，包装div的宽度也将保持为1280px。