php

TwentyFourteen宽度修改对应

2,610 阅读

1.右侧空白

首先要解决的问题就是整个网站右侧的空白，在网上看到有人说这是因为 Twenty Fourteen  的 CSS 中设置了 .site 与 .site-header 属性

max-width: 1260px;

这即意味着网页最大只能显示1260px的宽度，这显然低于一些高分辨率屏幕的尺寸，修改的办法就是在 style.css 末尾添加下面的代码，覆盖掉原来的样式：

帮助
1
2
3
4
.site,
.site-header {
max-width: 100%;
}

 2.内容宽度

Twenty Fourteen  中留给中间正文内容的宽度比较窄，主要原因是还要为右侧边栏留出空间

帮助
01
02
03
04
05
06
07
08
09
10
11
12
13
14
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.site-content .navigation,
.comments-area,
.page-header,
.page-content {
max-width: 70%; // put the width you like here
}
 
.site-content header .entry-meta {
max-width: 100%;
}