html - 禁用 WordPress TwentyEleven 的响应式结构

Question

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

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

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

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

@media (max-width: 800px) {

一直到之前：

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

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

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

谢谢！

Answer 1

你有

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

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

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

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