关于手机电脑自适应出现空白问题

最近在写一个项目，需要手机电脑自适应，电脑上适应的，在手机上显示，出了点小问题，

如上，解决方法，就是在body中加如下css代码：

body{
    display: inline-table;
}

这样写了之后手机自适应了，但是电脑上，右边出现空白

这个问题呢，解决办法就是：

body{

width:100%;
overflow-x:hidden;

}

然后就好了

不知道为啥截图贴过来变形这么厉害，反正我的页面没这么丑！