“前”方有坑,绕道而行(一)-- H5+CSS

2018-06-24 01:23:35来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

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

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:bootstrap之FONTAWESOME 图标

下一篇:css之background-position属性实现雪碧图