当前位置:网站首页 > WordPress教程 > 正文
怎么禁用WordPress主题的响应式功能
作者:98wpeu发布时间:2026-03-21分类:WordPress教程浏览:80
导读:最近几年应为上网设备的多样化,所以普遍的WordPress主题的采用了响应式布局设计(responsivelayout),但是总有一些特殊的网站需求,不想要响应式布局,本文就介绍...
最近几年应为上网设备的多样化,所以普遍的WordPress主题的采用了响应式布局设计(responsive layout),但是总有一些特殊的网站需求,不想要响应式布局,本文就介绍下常规的禁用响应式布局的方法。
修改主题文件前记得先备份,出错再替换回来。
禁用WordPress主题响应式布局的方法
首先,在WP后台,点击外观-编辑(Theme Editor),然后在右边编辑文件处选择主题页眉(header.php)
找到下面这一串代码,并且删除。
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

然后修改样式表(style.css)文件,找到下面演示的这类型的代码(@media screen and),全部删除。
@media screen and (max-width: 1210px)

更新文件后前台查看效果应该就没有响应式布局了。
提醒的是,不同的主题修改css代码的文件可能不一样,需要具体主题具体分析。
更多响应式布局的内容可以参考:百度百科
- WordPress教程排行
-
- 1外贸WordPress建站付费主题和插件第二年需要续费吗?
- 2SiteGround上用Avada搭建的主题图片不显示问题排查
- 3WordPress关注微信公众号回复可见和阅读更多的方法
- 4SiteGround的CPU Time Usage是什么意思?为什么有感叹号
- 5WordPress媒体库增强(图片分类)插件WP Media Folder
- 6一款简洁的WordPress主题Neve,适用于博客和企业网站
- 7自定义WooCommerce库存提示插件,修改Out of stock缺货提示
- 8WordPress的基本概念和术语
- 9Blocksy主题教程:使用WordPress+Blocksy搭建企业官网
- 最近发表


