前言 移動端適配一直以來都是前端開發中不可或缺的重要組成部分，如果沒有了它，那么你做出來的頁面極有可能會出現各種意外（寫出來的頁面與設計稿之間的差別）。所有我們得找到一種相對來說讓人比較滿意的解決方案，盡可能地讓這種“意外”減到最少。沒錯今天的主角 ...

移動端適配一直是一個值得探討的問題，在業余時間我找了一些頁面，查看了一些廠商對於移動端H5頁面的適配方案，看到了幾個典型的例子，今天就來記錄一下我看到的第一個典型的例子，也是我們公司目前普通H5項目正在使用的適配方案。 這個適配方案是lib-flexible，在看這個源碼的同時，我想先來回顧一下 ...

轉載：http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 作者：大漠 曾幾何時為了兼容IE低版本瀏覽器而頭痛，以為到Mobile時代可以跟這些麻煩說拜拜。可沒想到到了移動時代，為了處理各終端的適配而亂了手腳。對於混跡 ...

如何使用flexible.js做手機適配 做移動端網頁肯定需要做適配，以前都用的fixscreen.js，對比一下，覺得flexible.js更好吧，畢竟是大廠出的東西。 第一步要給頁面加在viewport('視口')，就是這段代碼<meta name="viewport ...

flexible.js cssrem插件自動將px轉換為rem 1）首先安裝Sublime Text3 2)安裝 下載本項目，比如：git clone https://github.com/flashlizi/cssrem 進入 ...

手淘框架是一個用來適配移動端的js框架，下面我們來講解一下如何使用手淘的這套框架。 其實手淘框架的核心原理就是根據不同的width給網頁中html跟節點設置不同的font-size，然后所有的距離大小都用rem來代替，這樣就實現了不同大小的屏幕都適應相同的樣式了，首先我們來說一下常用的移動設備 ...

lib-flexible是什么？ lib-flexible是一個制作H5適配的開源庫，可以點擊這里下載相關文件，獲取需要的JavaScript和CSS文件。 使用方法 在head標簽中引入js文件 也可以使用阿里的CDN： 另外強烈建議對JS做內聯處理，在所 ...

flexible.js 進行屏幕適配，flexible.js把屏幕分成24等份（也可以自定義別的份數），1920/24=80，所以此時適配時1rem=80px。在VSCode中使用“cssrem”插件，自動轉換。在設置中把轉換單位換成80。使用時直接引入js文件即可 ...