禁用 WordPress TwentyEleven 的响应式结构

Question

我创建了一个二十一的子主题，并复制了 header.php 并从文件中删除了以下代码：

<meta name="viewport" content="width=device-width" />

另外，我已经从以下位置删除了所有样式（在 211 的 style.css 中）：

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {

一直到之前：

/* =Print
----------------------------------------------- */

但页面宽度在here 网站上仍然是响应式的，并且当您调整浏览器窗口大小时所有元素相互重叠。

当我调整窗口大小或使用手机/平板电脑浏览器时，我不需要调整页面大小或移动任何元素。

谢谢！

Answer 1

你有

#page {
margin: 2em auto;
max-width: 1000px;
}

在你的 style.css 中设置。将其更改为

#page {
    margin: 2em auto;
    width: 1000px;
}

设置显式宽度并阻止页面调整大小。