简单的一句概括就是： **flexible.js帮我们计算出1rem 等于多少px**。 怎么计算的？ **很简单，就是1rem = 屏幕宽度的1/10**

文章引自 官方文档地址 痛点 虽然H5的页面与PC的Web页面相比简单了不少，但让我们头痛的事情是要想尽办法让页面能适配众多不同的终端设备。 前端开发完成终端适配方案 拿到设计师给的设计图之后，剩下的

echarts图表实现自适应、响应式。 echarts自适应：拖动窗口时候，图表和图表内字体适配窗口大小。以下具有两种方法实现，第一种是配合媒体查询，第二种是配合rem。

采用rem为单位，根据屏幕的宽度调整html的font-size。 1、获取屏幕宽度并计算比例： 2、在需要设置字体的地方可以这样写，如在1920屏宽下字体设置为12px，就可以传入12给fontSi

前言 echarts将roam属性设置成 scale 或者 true,就开启鼠标缩放的效果。但是缩放过程中会发现字体并不会随着缩放变化。如下图所示。本文要解决的问题就是，让echarts缩放时文字也跟

就目前看来，web的屏幕适配是贯穿整个前端行业的，如常见的PC端，移动端，响应式，小程序等。 正是因为 PC端上的浏览器大小会经常被改变，而且改变的范围还很大，用户会全屏浏览器，用户也会缩小浏览器到一个很小的值，如600px左右。 所以pc端上如果使用流式布局(百分比布局)，会…

移动互联网发展至今，各种移动设备应运而生，但它们的物理分辨率可以说是五花八门，还不了解H5移动端适配的看这篇文章就够了

... 上面这些问题可能我们在开发中已经知道如何解决，但是问题产生的原理，以及解决方案的原理可能会模糊不清。在解决这些问题的过程中，我们往往会遇到非常多的概念：像素、分辨率、PPI、DPI、DP、DIP、DPR、视口等等，你真的能分清这些概念的意义吗？ 本文将从移动端适配的基础…

写在前面 前端开发最让人头疼的莫过于兼容性问题，继上一篇 前端兼容性问题 - CSS、JS 兼容 之后，这一篇主要研究并解决屏幕尺寸的兼容性问题 目录： 当前现状 解决方案 模拟设备测试方案 当前现状