本人已参与「新人创作礼」活动，一起开启掘金创作之路
第一次开发移动端的页面，让我寝食难安，连续加班几天，竟然是css问题，看来别人说的没错，前端的难点不是js，而是神奇的css。
在我们普遍认为，当一个元素的宽度大于浏览器宽度的100%的时候，浏览器会添加横向滚动条，而纵向并不会添加滚动条，而且高度是保持不变的
当宽度大于100%时候只是出现横向滚动条（纵向滚动条无法滚动的）
但是切换到移动端就不一样了
瞬间懵逼了，因为项目是老pc端项目的，我刚开始还以为是css污染问题，结果排除了一晚上，还是没找到，结果在浏览w3school的时候，灵光一闪，给id=rood添加个overflow: auto,问题就解决了
但是我还是不清楚为什么移动端的元素宽度大于100%的时候，高度也会增加。
同时还有position：fiexd，它并不是一直定位于浏览器的，当祖先元素的transform不为none的时候，fixed会根据该元素定位的
没想到小小的两个css，竟然让我加班了2天，麻了
