内容比屏幕宽

Question

我的网站无法进行适合移动设备的测试。谷歌表示内容比屏幕更广泛。我在我的网站上插入了视口。但仍然显示消息内容比屏幕更宽。怎么能解决这个问题？

<meta name="viewport" content="width=device-width, initial-scale=1">

我的网站：DTDCCOURIERTRACK

Answer 1

我看起来你的第一个div（#page）（和其他几个）被设置为宽度750px，所以一旦你有一个宽度小于那个的屏幕，它将不得不侧向滚动到最后像素。您可以尝试使用百分比进行宽度或css媒体查询。

Answer 2

您必须在CSS文件中尝试

1-将您的 body 的溢出X隐藏在CSS文件中

body{

  oveflow-x:hidden;

}

2-查找那些没有显示但存在的元素，并且针对不同的媒体查询不显示它们。

@media only screen and (max-width: 600px) {
  .exampleElement {
    display: none;
  }
}

我已经为我的网站完成了此操作，而Google则没有任何问题： https://mipcctv.com