## 你的项目一般兼容到哪个浏览器/你工作中有遇到兼容性问题么？ <br> ## 不同手机怎么兼容？不同手机怎么做适配?移动端怎么布局？响应式布局怎么做？ 可以用rem布局，1rem就等于html标签的font-size值，那么只要html标签的fontsize会根据屏幕宽度改变，那么rem就可以根据不同屏幕宽度动态改变。 举个例子：我的html的font-size我设置20vw，结果是屏幕宽度的五分之一，然后1rem就是屏幕的五分之一，如果轮播图片的宽高比是2:1，那么图片的宽高就是5rem和2.5rem，这样的话不管是大屏小屏，图片都会根据屏幕大小进行等比例缩放，排版都不会有问题 <br> ## 什么是响应式布局？ 通过媒体查询给不同页面宽度设置不同的布局样式， 比如大屏一行显示4个元素， 手机一行显示1个元素， 这就是响应式布局 <br> ## ios和安卓的区别，移动端开发中踩过的坑有哪些？ <br> #### 点击300ms延迟 用原生touch系列事件代替click <br> #### 事件穿透 不要把click和ttouch混用 <br> #### 安卓浏览器看背景图片部分设备会模糊 使用2x的背景图来代替img标签 <br> #### 去除iphone及ipad下输入框默认内阴影 ~~~ 选择器{  -webkit-appearance: none; } ~~~ <br> #### 去除ios和android下触摸元素时出现半透明灰色遮罩 ~~~ 选择器 {  -webkit-tap-highlight-color:rgba(255,255,255,0) } ~~~