css – 二十个儿童主题 – 修改主题宽度(940px到1000px)

2023年8月6日 277次阅读

我最初在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 */
}

最佳答案 首先,在style.css第173行,你有一个分配给div的属性.#wrapper of padding：0px 20px;这将把对象的总宽度扩展到1040px.由于您将#wrapper子元素的宽度更改为1000px,因此填充样式属性会在其内部的每一侧添加另外20px,并将其大小扩展为1040px.这就是为什么你得到了过剩的原因.

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

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

提示要更改该标题图像的大小,您需要查看’functions.php’文件.

点赞