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

Question

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

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

此外，我还删除了所有样式(在 twentyeleven 的 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;
}

设置明确的宽度并阻止页面调整大小。