$(function(){ var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值 var wH = window.innerHeight;// 当前窗口的高度 var wW = window.innerWidth;// 当前窗口的宽度 var rem ...

转自 https://waliblog.com/css/2018/03/19/compatible.html PC端网站一般我们都是以1366 +1200版心线来实现的，对于特殊需求，需要使用rem的适配方案，特此记录下 记录下方案： 以1920设计稿为基准 1、使用sass语法 转换px ...

之前做PC端网页一直不知道如何去做屏幕适配，特意去搜，看到一篇文章后豁然开朗，先奉上链接。 PC端适配屏幕尺寸 - 瓦力博客 详细的可以去看文章，我在这里只做一下简单总结。 How to do 假定设计稿宽度为 1600px，某个box设计稿宽度为400px。 工具 Sass ...

flexible.js cssrem插件自动将px转换为rem 1）首先安装Sublime Text3 2)安装 下载本项目，比如：git clone https://github.com/flashlizi/cssrem 进入 ...

1. rem 基础 　rem 是一个相对单位，类似于 em ，em 是父元素字体大小。 　em 是相对于父元素 的字体大小来说的 　rem 是相对于 html 元素 字体大小来说的 　rem 优点 就是可以通过修改 html 里面的文字大小来改变页面中元素的大小可以整体控制 　比如：根 ...

安装lib-flexible，postcss-pxtorem 配置postcss-pxtorem 在根目录下建立postcss.config.js文件 配置lib-flexible 正常 ...

使用方式： 在html页面开头，引入下面的原生js代码 上述js的意思是： 如果页面的宽度超过了640px，那么页面中html的font-size恒为100px，否则，页面中html的font-size的大小为： 100 * (当前页面宽度 / 640) rem原理 ...

方法一：设置fontsize 按照iphone 5的适配 1em=10px 适配320 方法二：按照iPhone6的尺寸设计 是375/25=15px 方式三：采用media 推荐使用的 js方式设置 ...