html手机端适配怎么调试,html5面试常见问题及答案：移动端布局与适配篇

原标题：html5面试常见问题及答案：移动端布局与适配篇

1. 移动布局自适应不同屏幕的几种方式

(1)响应式布局

(2)100%布局(弹性布局)

(3)等比缩放布局(rem)

2. iscroll安卓低版本卡顿，如何解决？

方案一：iScroll v5.1.3 设置momentum: true

方案二：配置probeType

方案三：开启硬价加速：给scroll元素增加css样式：-webkit-transform:translate3d(0,0,0);

方案四：判断手机版系统版本，应用原生CSS：overflow-y:scroll

3. 移动布局自适应不同屏幕的几种方式

(1)响应式布局

(2)100%布局(弹性布局)

(3)等比缩放布局(rem)

4. 你们做移动端平时在什么浏览器上测试？

Chrome，Safari，微信X5，UC，其他手机自带浏览器

5. 说说移动端是如何调试的？

移动端调试：

(1)模拟手机调试chrome://inspect

(2)真机调试之android手机+Chrome

(3)真机调试之iphone + safari

(4)UC浏览器

(5)微信内置浏览器调试

(6)debuggap

(7)抓包

6. 说说ICONFONT是如何用的？

从以下几个方面做答：

(1)font-face

(2)什么是iconfont,iconfont怎么用

(3)iconfont怎么做

(4)iconfont的利和弊

7. 说说移动端Web分辨率

从以下几个方面做答：

(1)PC到移动，渲染的变迁

(2)可以更改的布局宽度

(3)再次变迁的像素

(4)又一次变迁

(5)是时候说说安卓了

来源：千锋HTML5返回搜狐，查看更多

责任编辑：