首页 > 代码库 > “前”方有坑,绕道而行(一)-- 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