如何设置让WordPress Twenty Fourteen 页面宽度占满页面

使用WordPress 2014官方主题:Twenty Fourteen 的朋友常有一个疑惑,为什么在右侧会有一部分留白?

我个人的理解是设计师有一个自己坚持的页面各个分栏的最佳比例,所以采用的右侧留白的方式。

不过还是有很多的用户对此总感觉很别扭,所以希望Twenty Fourteen 主题的宽度占满页面——各有各的强迫症。

在网上看到了Satxt所提供的解决方案:修改CSS。

在Twenty Fourteen主题样式表文件 (style.css)中添加下边代码,粘贴到最后就可以了:

/**
* 以下内容设置让页面占满100%
* —————————————————————————–
*/
.site,
.site-header {
max-width: 100%;
}

这个方法比较简单,我也尝试了一下。效果还是比较理想的。

你可以通过鼠标拖动网页浏览器的侧边,看看不同的宽度下页面所发生的变化,还是蛮有意思的。分栏宽度的变化,显示分栏数量的变化……

本站全部文字内容使用知识共享署名-非商业性使用-相同方式共享授权。

“如何设置让WordPress Twenty Fourteen 页面宽度占满页面”的32个回复

  1. 朋友你好,请你知道Twenty Fourteen 模板 手机端全局页宽占满屏幕占满修改吗?还请指教,不胜感激,谢谢!

    1. 我记得手机上应该是站满的。可否截图说明。另外,对于CSS修改,其实,我也不是很专业。可能解决不了你的问题,其他朋友知道的,希望能不吝赐教。

发表评论