我有一个奇怪的问题,
我的主页面(仅限)在页脚下显示较长的空白区域,当我仅使用Google Chrome时会出现这种情况。 IE,Firefox没有任何问题。
PS: 1 - 当我将我的主页变为静态内容页面时,这个奇怪的空间从谷歌浏览器中消失。
2 - 我试图禁用所有插件,但仍然遇到同样的问题
那么如何解决这个问题。?
答案 0 :(得分:2)
问题似乎是每个.screen-reader-text
内的article
类,这使得主页内的项目保持流动。
尝试将css更新为:
.says, .screen-reader-text {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 1px;
overflow: hidden;
}
请记住,这也会影响.says
课程。如果需要,只需将.screen-reader-text
移动到自己的类中。
.says {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
.screen-reader-text {
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 1px;
overflow: hidden;
}