你所在位置:首页html+css → Wordpress网站浏览器顶部空白28px高度的解决办法

Wordpress网站浏览器顶部空白28px高度的解决办法

发布时间:2019-04-15

  在使用wordpress建设网站及编写主题时,偶尔会发生网站顶部距有28px高度空白的情况,即便CSS中声明*{margin:0;}还是没有改变!用Chrome浏览器审查元素看是发生在整个html中,而不是html中的某个元素。

  这个问题其实是因为wordpress的wp_head()函数默认添加了一段样式!

  < style type=”text/css” media=”print”>#wpadminbar { display:none; }< /style>

  < style type=”text/css” >

  html { margin-top: 28px !important; }

  * html body { margin-top: 28px !important; }

  </style>

  我们删除这段样式就可以了,然后我们会想为什么wordpress会添加这段样式呢原来wordpress是为了管理员登录后网站顶部的工具条留下的显示位置,仔细回想一下发生这种情况往往是在网站管理员登录wordpress后台后再打开网站前台页面时。想到这里一切就简单了,我们只要把本来应该显示的工具条找回来就可以了~解决办法就是在foot模板的< /body>标签前面加上< php wp_footer(); >函数就可以了~

  本文链接:https://www.uqishi.com/wordpress_top_28px_spacing.html 转载请注明出处。


上一篇:从国外网站获悉未来web设计的发展趋势
下一篇:产品设计的两面性 该引导还是顺从用户习惯