web网页在手机端打开后左右可以滑动的css bug怎么解决

web网页在手机端打开后左右可以滑动的css bug怎么解决

这个问题通常是由于在移动设备上使用了固定宽度的元素或容器而导致的。解决这个问题的一种方法是使用CSS媒体查询来检测移动设备，并将容器的宽度设置为100%。具体操作如下：

@media only screen and (max-width: 768px) { .container { width: 100%; overflow-x: hidden; } }

在上面的代码中，我们使用@media查询来检测设备的最大宽度是否为768像素或更小。如果是，则将.container元素的宽度设置为100%，并将水平滚动条隐藏。