“前”方有坑，绕道而行（一）-- 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相关推荐

w3c h5 + css + js笔记
公司电脑:/Users/yangyangzi/Desktop/YangZi2/2019前端/h5+css+js 「 1. js基础/css基础/html基础 w3school https://www. ...
H5+css+js前端特效源代码：发光动画按钮：上传按钮
前端特效:发光动画按钮:上传按钮 H5+CSS+JS 骨架+皮肤+功能效果展示源代码: H5部分: <!DOCTYPE html> <html lang="en&quo ...
简单上手H5+CSS前端3D酷炫特效源代码
简单上手H5+CSS前端3D酷炫特效个人觉得是这个特效是入手自己做比较简单的一个前端特效代码十分少,也很容易看懂,记得点个关注效果图: H5部分 <!DOCTYPE html> & ...
面试题：1、H5+css
1.H5+css 链接: link. // An highlighted block var foo = 'bar';
H5+css : 360商城的首页布局模拟
H5+css : 360商城的首页布局模拟因为360商城页面过长,商品分类页面只选择了一个页面做一下实现.且只做了基本的布局和鼠标悬停效果 <!DOCTYPE html> <htm ...
H5+css特效源代码分享：发光分享按钮
H5+css特效源代码分享效果图: 背景光效可以根据使用自己调参考源代码: H5部分 <!DOCTYPE html> <html lang="en">& ...
2021最新最全前端面试题（包含HTML、CSS、JavaScript、Vue、React、浏览器、算法与数据结构等）
整理了一些前端面试题,希望对正在找前端工作的伙伴有用.本篇文章内容篇幅较大,主要针对初中级前端开发工程师. 篇幅过长,大家可以先点赞收藏以后慢慢看. 关于HTML 的title和alt属性有什么区别 ...
2021年最新前端面试题（js,vue,webpack,css,react）总结
欢迎大家留言补充面试题,或更改我的题目错误,我会根据大家意见给补充上,谢谢! 这边文章主要是最近面试加上同事的面试总结出来的,包含了大多数公司的面试题目,有些答案有出入,请多多包涵,欢迎留言一起探讨. ...
前端面试题整理（vue/js/css）
什么是盒子模型把所有的网页元素都看成一个盒子,它具有content,padding,border,margin 四个属性,这就是盒子模型盒子模型有两种形式:标准盒子模型,怪异盒子模型标准模式,总 ...

“前”方有坑，绕道而行（一）-- H5 CSS

“前”方有坑，绕道而行（一）-- H5 CSS相关推荐

最新文章

热门文章