禁用WordPress TwentyEleven的响应结构

时间:2012-09-24 02:00:46

标签: css html5 wordpress css3 responsive-design

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

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

另外,我已经删除了所有样式(在二十二的style.css中):

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

@media (max-width: 800px) {

一直到前面:

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

但是,当您调整浏览器窗口大小时,页面宽度仍会响应网站here并且所有元素都会相互叠加。

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

谢谢!

1 个答案:

答案 0 :(得分:1)

你有

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

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

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

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