Responsive design 我应该添加什么媒体规则以使网站具有响应性？

我正在wordpress中建立一个网站，所以我选择了响应主题， &通过添加css

容器增加了页面宽度{
宽度：1340px；
}

现在我的网站没有响应了，有什么解决办法吗？
谢谢

---

网站-

你的主题是移动的。首先，你有3个断点：

/* here the mobile */

@media all and (min-width: 768px) {
 /* tablet */
}

@media all and (min-width: 992px) {
 /* laptop */
}

@media all and (min-width: 1200px) {
 /* bigger screens */
}

这是在你的主题中定义的规则，最好的解决办法是修改它们以满足你的需要，但是你必须考虑“容器”类被分配给多个元素。 快速修复方法是通过以下方式修改规则：

.container {
  /* width: 1340px; */
  width: 100%;
} 

---

添加固定宽度肯定不会使您的web站点具有响应性。还有很多

首先，删除此破坏网站响应能力的样式：

.container {
    width: 1340px;
}

它破坏响应性的原因是您对.container应用了规则，但没有将其附加到为桌面屏幕大小设置其宽度的媒体查询。 因此，如果您希望您的站点在桌面屏幕上的宽度为1340px，您可以这样添加它：

@media (min-width: 1370px) {
    .container {
        width: 1340px;
    }
}

请注意，

min width

值可以修改，但它假设每侧都有15px的填充，因此它是有意义的（1340+15+15=1370）

---

另一个重要问题是将CSS规则放置在何处。它应该按照有意义的顺序层叠-从一般规则到特定规则，因为您的规则放在底部，它覆盖了所有屏幕大小的宽度，并使其无响应。

有任何理由放置固定宽度吗？我想使用整页！！使用所有空间非常感谢您的快速响应，先生。但是为什么不添加任何媒体查询？是因为它已经在我的css中了吗？谢谢你，：）我编辑了我的评论，你能告诉我吗？使用

宽度：100%

你总是按照你的要求使用100%的空间，但是如果你按照我的建议按照

媒体查询修改所有内容，结果会更好