Question

如何取消wordpress主题的自适应效果

Answer 1

网站的解释，Wordpress主题的显示效果是通过 Media Queries 也就是媒体查询这个语句来完成的。
如果你查看主题的style.css, 会看到类似这样的语句，@media screen and (max-width: 800px) {
#site-header {
display: none;
}
}

所以，根据浏览器，设备的大小，你可以修改CSS中的，Media Queries 语句。

说到自适应，Wordpress 提供了三种类型的网页布局和结构：固定型，自由型，和自适应型。

固定型：例如wordpress 自带的2010主题，特点是：

固定的pixels /ems 来确定高度和宽度；
在手机屏幕只能通过放大的方式看清网页内容；
放大或缩小浏览器时，网页大小没有变化

自由型：例如 Andrea 这个主题，特点是：
设置了整站的最大和最小宽度
网页内容根据浏览器宽度相应放大或缩小
内容区和侧边栏宽度通常设置为整个宽度的百分比

以上两种的网页都需要，另外使用适合移动设备的主题。wordpress 提供了这一功能，可以根据需要开启或关闭

自适应型：例如Truly Minimal 这个主题，特点是：

主题内容会自动根据设备大小调整，更加清晰和可读；
可以随意调整侧边栏的位置，比如移动到内容区下方；调整网页头部区域的大小等，也可以调整字体大小等。
大小通过CSS3和wordpress 的media queries 这个语句实现。