二十个儿童主题 - 修改主题宽度（940px到1000px）

Question

我最初是在WordPress Answers上发布的，但被告知这是一个CSS问题，应该在这里发布。

我在我的网络服务器上安装了最新版本的WordPress（3.5）和Twenty Ten主题（1.5）。我没有修改任何设置，一切都是默认设置。我想让我的孩子主题做的就是将主题宽度从940px更改为1000px。我的子主题中唯一的文件是style.css，我更改的唯一值是宽度。

宽度调整适用于所有桌面浏览器，但在iPhone（iOS 6）和iPad（iOS 6）上，主题加载了水平滚动条，无法完全缩放。水平滚动条问题仅影响主页而不影响示例页面。问题仅限于垂直模式。

下面是截图和我的style.css代码：

我使用以下代码安装默认WordPress的网站是：www.w242.com

的style.css：

/*
Theme Name: w242
Description: Child theme for the twentyten theme 
Author: w242
Template: twentyten
*/

@import url("../twentyten/style.css");

#access .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
    margin: 0 auto;
    width: 1000px; /* CHANGED 940px ---TO---> 1000px */
}

#access {
    background: #000;
    display: block;
    float: left;
    margin: 0 auto;
    width: 1000px; /* CHANGED 940px ---TO---> 1000px */
}

Answer 1

首先，在style.css第173行，您有一个分配给div.#wrapper padding: 0px 20px;的属性，该属性会将对象的总宽度扩展为1040px。由于您已将#wrapper子元素的宽度更改为1000px，因此padding样式属性会向其内部的每一侧添加另外20px，并将其大小扩展为1040px 。这就是为什么你要填补空缺。

其次，这些屏幕截图来自移动设备。您需要有关移动设备或桌面格式化的帮助吗？如果是移动设备，最简单的方法是找到一个移动主题插件并将其修改为子主题，而不是弄乱2010年的模板。此外，您可能希望放弃使用像素作为单位并切换到％或em，或设置最小宽度和最大宽度而不是仅宽度。

这是一篇包含一些例子的文章。 http://www.cssjuice.com/css-liquid-layout-design/

提示要更改该标题图片的大小，您需要查看'functions.php'文件。