响应式手机端网页右侧空白有怎么办法解决

今天使用某框架开发个响应式网站，PC端很完美，手机端发现一个不太好的地方，右边居然有空白，就是左右滑动网页时，页面会整体向左移动，于是右边就出现了空白现象。那么响应式手机端网页右侧空白有怎么办法解决呢，一起来看看吧。

直接说解决办法吧，直接在CSS里面加入下面的代码就可以了：

body, html {
    overflow-x: hidden;
} 

其实都知道右侧出现空白，是因为有DIV挤出来了，但这个挤出的DIV就是找不着，所以使用X轴隐藏的功能，就解决了。

当然，假如你有找到问题原因的战斗力，可以在CSS里面加入下面的代码：

*{
    outline: solid #f00 1px !important;
    background: #000 !important;
    color: #fff !important;
}

上面的意思是，给所有边框加上红色‘轮廓’，也就是outline 这个元素

outline 在CSS中很少用到，这是‘轮廓’的意思，和border效果一样，但是不占宽度

这样就可以找到挤出的元素了，只要愿意花时间

祝你好运~