为什么我的页脚宽度没有达到智能手机的全宽?我正在使用Wordpress

时间:2017-05-28 14:38:59

标签: css wordpress mobile layout footer

我为我的Wordpress网站设置了一个页脚样式,它似乎无法在移动设备上达到网站的整个宽度。此外,我总是能够滚动宽度方式,就好像站点比移动视口更宽。这仅发生在移动纵向上,而不是桌面或平板电脑上。

我将所有宽度设置为100%(页眉,正文,页脚和其他几个)但似乎页脚宽度呈现为1333px宽度,而页眉和正文宽度呈现为1349px(如在检查dev工具中膝上型计算机)。

对于以300像素以上的像素设置的任何元素,我都没有固定的宽度。

页脚位于主容器和主容器的外部,但位于主体内。

我不认为页脚中的任何元素都是问题,因为我删除了它们并替换它们但仍然存在同样的问题。

包含的照片:页脚右侧的差距

enter image description here

2 个答案:

答案 0 :(得分:0)

这个问题可能是因为整个网页上的一个HTML标签(页脚外)比屏幕大一些 这个问题不是来自页脚,请检查网页的其他部分

答案 1 :(得分:0)

嗨Hazem,再次感谢您的回复。更新:我现在知道造成这个问题的原因了。我的内容div上设置为80%宽度的左边距以像素为单位添加到页脚右侧的间隙,但仅限于移动视图。然后我意识到我的媒体查询不起作用,但我现在已经解决了,因此我已经对问题进行了排序。 谢谢你的帮助。