此篇文章笔者将介绍一些常见的移动端适配方案，也是笔者在使用了这些方案后的总结，希望能够给大家带来一些帮助，如有不足欢迎指出......

前言 最近在公司改bug，突然发现上一个前端留下的毛病不少，页面存在各种适配问题，为此甲方爸爸时常提出宝贵意见！ 你的页面是不是时常是这样： 侧边栏未收缩时： 收缩后： 这样（缩小挤成一坨）： 又或是

萝卜青菜，各有所爱；正如我们对于手机的选择一样，每个人都有自己偏好的品牌和型号，而这些设备的屏幕大小也千差万别。面对如此多样化的终端环境，如果一个H5页面仅仅针对某一特定尺寸的手机进行设计，这样是不行

今天，上铺兄弟刚刚从ByteDance面试中归来，带着一丝难以捉摸的微笑...“面试怎么样？”我迫不及待地问道。“还可以吧。”“还可以是什么意思？”我直接就是一记**勾手**“不说我就不放手了！”

一、首先明确几个概念： 物理像素、逻辑像素、渲染像素、css像素、设备像素比 px、rem 、em、vh、vw、vmin、vmax 视口（viewport）、布局视口、视觉视口、理想视口 适配目标：