$(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方式設置 ...