meta viewport

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

媒体查询

根据查询结果选择不同的css样式

<style>
@media (max-width: 500px) {
    ......
}
</style>

动态rem

通过根元素的字体大小来设置元素的宽高的,以此来达在不同屏幕尺寸中等比例缩放达到展现效果。

@function px( $px ){
  @return $px/$designWidth*10 + rem;
}
$designWidth: 320px;

其中1rem = 根元素字体大小

移动端适配
移动端适配 dpr、DPI、PPI 视口移动端适配的方案微信小程序适配方案微信小程序开发
移动端适配方案（待续）
meta viewport 媒体查询根据查询结果选择不同的css样式动态rem 通过根元素的字体大小来设置元素...
移动端开发（Html+Css）
placeholder自定义移动端适配CSS方案移动端适配方案一 font-size可能需要额外的媒介查询，并...
解决vue移动端适配问题
1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小...
记一次前端技术分享（移动端相关概念讲解）
移动端开发中的相关概念讲解 1、移动端自适配方案移动端如何根据不同手机尺寸进行页面的适配 rem 自适应和 vw...
2018-07-02待学习文章
1.RN移动端适配：移动端适配方案 flexible.js - 云库网 2.React16新特性：reveal.j...
解决vue移动端适配问题
1，先看看网上关于移动端适配讲解再聊移动端页面适配，rem和vw适配方案！基础点：rem相对根节点字体的大小。...
移动端适配方案
@description 该方法是用于移动端适配功能，结合淘宝的适配方案flexible + rem 实现适配，...
移动端rem适配
三：多屏适配布局问题出处：【原创】移动端高清、多屏适配方案再谈移动端适配和点5像素的由来使用相对单位：rem...
React 配置 rem (移动端适配)
移动端适配方案介绍在移动端中，为了设配不同的设备，通常使用rem来做适配。 rem是通过根元素进行适配的，网页中...