0%
HTML5-CSS3高频问题
- 语义化
- 在HTML页面结构中所用的标签都有意义。
- 头部用head，主体用body，底部用foot。
- 如何判断是否语义化：去掉CSS内容，页面结构显示内容较为正常。
- 为什么语义化：让HTML结构更加清晰明了，方便团队合作利于开发，可以让浏览器更好的去解析，优化用户体验。
- H5C3的新特性
- HTML5的新特性：语义化标签；音频视频；画布canvas；数据存储localStorage，sessionStorage；表单控件email，url，search等；拖拽释放API等
- CSS3新特性：选择器：属性选择器、伪类选择器、伪元素选择器；媒体查询；文字阴影；边框；盒子模型boxing-size；渐变；过度；自定义动画；背景属性；2D与3D等。
rem如何适配
- rem是相对根元素的font-size属性来计算大小，通常做移动端适配。
- 移动端兼容问题
- 当样式设置overflow:scroll/auto时IOS上滑动会卡顿。
-webkit-overflow-scrolling: touch
- 安卓环境下placeholder文字设置行高时会偏上。input由placeholder时不要设置行高。
- 移动端字体小于12px时显示异常。先整体放大一倍，再用transform缩小。