理由：由于现代移动端的设备比较复杂繁多，需要在不同屏幕下能够有很好的显示，需要屏幕适配。
1.屏幕适配方案由以下几种：
（1）采用 百分比+固定高度或者flex+固定高度，根据设计稿的大小，如果设计稿的大小是640px，在移动端320最小分辨率下显示时候，需要缩小一倍，比如设计稿高度为20px,编写需要写成10px。同时会出现移动端1px问题，解决方案：sass @mixin 解决
（2）rem解决方案：em是1fontsize的大小 ，r是root,rem代表html中字体的大小
需要利用js动态改变在不同的设备下的html大小，设置1rem = 100px;
也有1px问题，解决方案和百分比一样。
（3）可能采取两种方案配合，也就是百分比+固定高度，和rem结合方式
（4）终极解决方案，采用手淘的hotcss,可以动态改变rem的值，可以动态修改meta里面不同设备的dpr的缩放值
固定设计稿的宽度开发+根据设备动态适配缩放。它是模仿vw,把屏幕分成16rem
（5）vw方案，未来的适配方案，把屏幕分成10等份。
移动端适配 dpr、DPI、PPI 视口 移动端适配的方案 微信小程序适配方案 微信小程序开发
placeholder自定义 移动端适配CSS方案 移动端适配方案一 font-size可能需要额外的媒介查询，并...
1，先看看网上关于移动端适配讲解 再聊移动端页面适配，rem和vw适配方案！ 基础点：rem相对根节点 字体的大小...
移动端开发中的相关概念讲解 1、移动端自适配方案 移动端如何根据不同手机尺寸进行页面的适配 rem 自适应和 vw...
1.RN移动端适配：移动端适配方案 flexible.js - 云库网 2.React16新特性：reveal.j...
1，先看看网上关于移动端适配讲解 再聊移动端页面适配，rem和vw适配方案！ 基础点：rem相对根节点字体的大小。...
@description 该方法是用于移动端适配功能， 结合淘宝的适配方案flexible + rem 实现适配，...
三：多屏适配布局问题 出处：【原创】移动端高清、多屏适配方案 再谈移动端适配和点5像素的由来 使用相对单位：rem...
移动端适配方案介绍 在移动端中，为了设配不同的设备，通常使用rem来做适配。 rem是通过根元素进行适配的，网页中...
淘宝移动端 适配方案http://web.jobbole.com/84285/
本文标题：移动端适配方案
本文链接：https://www.haomeiwen.com/subject/fkhonqtx.html
网友评论