首页 > 代码库 > “前”方有坑,绕道而行(一)-- 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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。