移动端H5页面自适应使用方式(手淘H5)

要实现手机屏幕自适应布局(样式),可以使用手淘H5开发模式

1.在主页面index.html中引入js文件

 或者

2. 使用vscode,安装px2rem插件,并设置根的font-size为75。(UI设计稿尺寸为750px)

移动端H5页面自适应使用方式(手淘H5)_第1张图片

 移动端H5页面自适应使用方式(手淘H5)_第2张图片

3. 使用方式 :在写样式时根据设计稿上的尺寸,例如:输入20px自动转换为对应的rem 

具体原理参考使用Flexible实现手淘H5页面的终端适配rem自适应布局-移动端自适应必备

你可能感兴趣的:(Web前端开发,移动端自适应布局)