移动端网页开发解决方案

移动端网页开发解决方案

1. 移动端网页使用相对单位rem（rem的参考值为html的font-size，不同机型的font-size也不同）
2. 下载flexible.js文件并引入作为动态修改html的font-size属性值
3. 安装vscode插件pxtorem
4. 设置vscode插件的基准值 (在首选项搜索px在添加项中，把基准值设置成开发所使用机型的font-size)
5. 在设计图中量出尺寸，在输入px单位后，选择转换成rem

移动端网页必须设置的样式：

html,body{
    height:100%;
}
body{
    display:flex;
    flex-direction: column;
}
main{
    flex:1;
    overflow-y:auto;
}