出来混，那些混过去的，迟早是要还的 (￣Д ￣)┍ 。 1. 什么是 viewport ? 它的的作用是啥？ 提到 viewport，之前总感觉挺突兀的，但是当我最近做移动端项目时，突然关注到一直被忽略的 meta 标签的时候，才恍然大悟（o(╯□╰)o）。那么，首先让我们来了…

2022年了，h5常用的移动端适配方案不外乎以下这几种: 一、rem 将 html 节点的 font-size 设置为页面 clientWidth(布局视口)的 1/10，即 1rem 就等于页面布局

一直以来移动端适配便是困扰自己的一个难题，今天休息，查阅了很多资料将其整理出来。本文中很多做法是直接借鉴了网上的文章，主要有从网易与淘宝的font-size思考前端设计稿与工作流跟手机端页面自适应解决方案—rem布局进阶版（附源码示例），向大神致谢。 pt是逻辑分辨率，简单理解…

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案