WordPress 模板制作过程中的错误定位方法


当前第2页 返回上一页

3、最大宽度最小宽度

3.1 简要介绍

在模板制作过程中,经常会出现侧边栏下沉的情况,通常都是content区域的宽度过多造成的,但并不绝对是。

3.2 解决方法

遇到这种情况,我们可以先将content的宽度给成100或更小并添加overflow:hidden属性,隐藏掉超出部分。如果宽度改小后,下沉问题解决。就可以判断问题就是出现在这个元素上。之后可以改小margin-left、改小宽度、隐藏超出宽度的图片什么的,一点一点测试,调个完美版本的出来。(之前看到某同事,每次宽度减小10来测试,既然是测试,减小100不是更容易发现问题吗?)

3、样式排除法

有些复杂的页面也许加载了 N 个外链 CSS 文件,那么逐个删除 CSS 文件,找到 BUG 触发的具体 CSS 文件,缩小锁定的范围。
对于刚才锁定的问题 CSS 样式文件,逐行删除具体的样式定义,定位到具体的触发样式定义,甚至是具体的触发样式属性。

4、模块确认法

有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块,寻找到触发问题的 HTML 模块。


标签:WordPress

返回前面的内容

相关阅读 >>

wordpress中用于获取文章作者与分类信息的方法整理

wordpress使用外链图片作为文章缩略图的方法

关闭wordpress新用户注册邮件通知的方法

解决更新wordpress3.7后db-cache缓冲插件冲突问题

wordpress中删除垃圾评论的方法

docker实践之搭建wordpress的方法

wordpress获取指定分类文章数量的方法

实现wordpress主题侧边栏切换功能的php脚本详解

wordpress禁止特定用户修改密码的方法

wordpress搭建中英文双语言或多语言的网站详解

更多相关阅读请进入《wordpress》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...