1. 關于 ?數字、英文 不換行問題；

　　情景：昨天測試 小程序，輸入英文，沒有換行，且 下方有橫向滾動條；

　　解決：word-break；　

　　　　　word-break:break-all; /*只對英文起作用，以字母作為換行依據*/

　　　　　word-wrap:break-word; /*只對英文起作用，以單詞作為換行依據*/

　　　　　white-space:pre-wrap; /*只對中文起作用，強制換行*/

　　　　　white-space:nowrap; /*強制不換行，都起作用*/

　　　　　white-space:nowrap; /*不換行,溢出隱藏*/
　　　　　overflow:hidden;
　　　　　text-overflow:ellipsis;

　　注意：容器必須有 寬度

?

2. 禁止移動端 縮放

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

3. 指定網頁使用webkit 引擎渲染

　?只對 360 瀏覽器 6.5 有效。 強烈要求pc網站加上

<meta name="renderer" content="webkit">

4. 防止百度轉碼代碼掛廣告

<meta http-equiv="Cache-Control" content="no-siteapp" />

總結

以上是生活随笔為你收集整理的“前”方有坑，绕道而行（一）-- H5 CSS的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。