今天測試頁面，發現一個奇怪的現象：一個頁面在除了5s的所有手機上都顯示正常。而且chrome瀏覽器的適配機型裏面，也沒有5s之歌選項。。。導致我們現在才發現問題。
具體問題表現爲：頁面整體不能適配手機，雖然設置了寬度爲100%。整體頁面偏左，右邊留出15%左右的空白。但是一個URL破出頁面，佔據了整個屏幕。
這個問題我真的上網各種查閱，自己也各種嘗試和猜測，最後還是前輩指點了我一下：
是因爲頁面把URL看做一個超級長的單詞，不能正確截斷，運用
word-break:break-all就解決啦。
同時，淺顯地說一下word-break和word-wrap的區別：
1，word-break:break-all 例如div寬200px，它的內容就會到200px自動換行，如果該行末端有個英文單詞很長（congratulation等），它會把單詞截斷，變成該行末端爲conra(congratulation的前端部分)，下一行爲tulation（conguatulation）的後端部分了。
2，word-wrap:break-word 例子與上面一樣，但區別就是它會把congratulation整個單詞看成一個整體，如果該行末端寬度不夠顯示整個單詞，它會自動把整個單詞放到下一行，而不會把單詞截斷掉的。
word-break;break-all 支持版本：IE5以上 該行爲與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本。
WORD-WRAP:break-word 支持版本：IE5.5以上 內容將在邊界內換行。如果需要，詞內換行( word-break )也將發生。
參考文章：http://blog.sina.com.cn/s/blog_442a2e120101b6i7.html