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% ; } |