4

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

我在我的网络服务器上安装了最新版本的 WordPress (3.5) 和二十个主题 (1.5)。我没有修改任何设置，一切都是默认的。我希望我的子主题做的就是将主题宽度从 940 像素更改为 1000 像素。我的子主题中唯一的文件是 style.css，我更改的唯一值是宽度。

宽度调整在所有桌面浏览器上都可以正常工作，但在 iPhone (iOS 6) 和 iPad (iOS 6) 上，主题加载时带有水平滚动条，并且无法完全缩小。水平滚动条问题只影响主页而不影响示例页面。该问题仅限于垂直模式。

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

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

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

样式.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 */
}
4

1 回答 1

2

首先，在 style.css 第 173 行，您分配了一个属性，该属性div.#wrapper将把padding: 0px 20px;对象的总宽度扩展到1040px. 由于您将#wrapper子元素的宽度更改为1000px，padding样式属性在其内部的每一侧再增加 20px，将其大小扩展为1040px. 这就是为什么你得到悬垂。

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

这是一篇带有一些示例的文章。http://www.cssjuice.com/css-liquid-layout-design/

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

于 2013-01-15T20:33:04.990 回答