“前”方有坑,绕道而行(一)-- H5 CSS
生活随笔
收集整理的這篇文章主要介紹了
“前”方有坑,绕道而行(一)-- H5 CSS
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
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的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 页面重构-让我们的布局自适应
- 下一篇: 谈谈一些有趣的CSS题目(十五)-- 谈