关于移动端的web问题

##  调试:css

真机调试:webpack

        - live-server进行调试ios

                  具体可见npmweb

        - webpack-dev-server局域网真机调试(推荐)npm

                 

                 在链接同一个局域网的状况下,能够访问http://10.20.0.77:3000端口访问个人网页浏览器

          - usb开发者选项进行调试(步骤繁琐,在此就不详细叙述)(安卓) webpack-dev-server

模拟器调试:工具

          - 谷歌模拟器调试:可在开发者工具下找到不少机型的调试方式,可是与真机略有差别源码分析

          - 各大ios、安卓模拟器软件调试


## 关于移动端的响应式问题

           - hotcss(手淘解决方案)

                     模拟vw(vw部分浏览器不兼容),结合viewport

                     一些坑点:某些机型上横竖屏切换上,因为计算rem值的关系,会发生页面错                   位,hotcss内部有屡次js调用(如延迟调用setTimerout等等),来解决错位问题,可               结合hotcss源码分析

            - viewport+vw+rem方案

                       既然hotcss是模拟的vw,那么,就能够用vw替代hotcss中的根font-size的计                算,可是这样一来,会有兼容性问题(vw),在从此浏览器的发展中,vw会颇有可能              取代hotcss

相关文章
相关标签/搜索