## 你的項目一般兼容到哪個瀏覽器/你工作中有遇到兼容性問題么？ <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) } ~~~