某些移动设备上的页面不是全宽

时间:2017-05-02 09:50:57

标签: html css

我一直试图修复移动视图的宽度。以下链接页面在大多数设备上正确显示(宽度超过400像素),但在水平低于400像素的设备的标题右侧有一个边距,如Iphone 6,Iphone 5和Galaxy S5。 html元素表示与屏幕宽度相同,但当将鼠标悬停在屏幕上时,视觉指示器会以其他方式显示。

我试图隐藏元素以查看哪个元素是问题,但我没有成功找到问题。我希望你们中的一个人对手头的问题有所了解。

问题的屏幕截图:

enter image description here

在此屏幕截图中,标题不是全宽,而内容是。所以问题似乎出现在某个地方。

页面为https://www.matrastopper.eu/bestellen/。 我假设页面的某些部分在小屏幕上缩放有问题,但我无法找到它。

1 个答案:

答案 0 :(得分:0)

更改此宽度

.no-columns .box.right {
    background-image: url("/media/layout/box-right.gif");
    width: 380px;/* change this width */
}
这个css https://www.matrastopper.eu/css/screen201410.css

第836行