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

我最初发布在WordPress的答案，但被告知这是一个CSS问题，应该在这里发布。二十个儿童主题 - 修改主题宽度（940px到1000px）

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

宽度调整在所有桌面浏览器上都能正常工作，但在iPhone（iOS 6）和iPad（iOS 6）上，主题通过水平滚动条加载，不可能完全缩放。水平滚动条问题仅影响主页而不是示例页面。问题仅限于垂直模式。

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

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

enter image description here

的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 */ 
}

来源

2013-01-13 user1822824

首先，在style.css的线173，则有一个属性分配给padding: 0px 20px;div.#wrapper这是会对象的总宽度上延伸到1040px。由于您将#wrapper子元素的宽度更改为1000px，因此padding样式属性会为其内部的每个边添加另一个20px，将其大小扩展为1040px。这就是为什么你得到悬崖。

其次，这些屏幕截图来自移动设备。您是否需要手机或桌面格式的帮助？如果是移动设备，最简单的方法是找到一个移动主题插件，并将其修改为一个儿童主题，而不是与2010年模板混淆。此外，您可能希望考虑避免使用像素作为单位并切换到％或em，或设置最小宽度和最大宽度而不是宽度。

这里有一些例子的文章。 http://www.cssjuice.com/css-liquid-layout-design/

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

来源

2013-01-15 20:33:04 Plummer

我知道填充，无论包装设置为940px或1000px。我的问题是宽度调整适用于所有桌面浏览器，但在iPhone（iOS 6）和iPad（iOS 6）上使用水平滚动条加载主题并且无法缩放所有方式，但主题可以正常工作在940px。我不想也不应该需要任何移动插件进行这种简单的调整。 – user1822824

提示要更改该标题图片的大小，您需要查看'functions.php'文件。 ---我知道，我故意保持简单的方式来尝试解决问题。 – user1822824

确定窗口宽度时，iOS浏览器的声音不考虑填充大小。谷歌搜索了这个问题，并得到了一些关于类似问题的回击。检查你的溢出设置。如果页面不会滚动，则可能仅渲染父元素的维度并隐藏任何子元素。 – Plummer

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

回答

相关问题