“前”方有坑，绕道而行-- H5+CSS

Posted 2020-09-20

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" />