不是“多出來”，而是“少了”，具體原因不明，可以使用chrome調(diào)試，用圖里的紅圈中的按鈕選中某個元素，然后看它的style，分析原因。

在手機上看的，沒法精確定位問題所在行。
這種情況一般是頁面中某個或某些元素寬度超過 100% ，而頁面主體的寬又定義為了 100% 或者沒有定義默認為 body 寬，導(dǎo)致的。

解決辦法即為找到那些寬度超出 100% 的元素，調(diào)整之。
簡單粗暴的，也可以直接設(shè)置 body 的 overflow-X 為 hidden

沒有解，這接著還能做適配嗎？

.background{width: 100%;}

有上面兩張圖可以看到，由于超出的部分是 icon-right部分與最后一個li被擠下去了造成的。去掉icon-right問題解決了。但是這是治標不治本，除了以上兩個，還有section中基本信息的內(nèi)容都溢出了，移動端布局是需要重新優(yōu)化下。還有一個，如果是想弄一屏顯示的，body除了高度100%，寬度也要設(shè)置100%，這樣才會超出布局，影響布局。