2個月前，寫過一篇文章《從網易與淘寶的font-size思考前端設計稿與工作流》總結過一些移動web中有關手機適配的一些思路，當時也是因為工作的關系分析了下網易跟淘寶的移動頁面，最后才有那篇文章的總結，可惜的是因為項目的關系，這兩個月來幾乎沒有機會做移動類項目的工作，所以那些理論一直沒有得到真正 ...

上篇文章《淘寶彈性布局方案lib-flexible實踐》結合一個簡單的實例，說明了lib-flexible的基本用法，但是lib-flexible的這種適配方式在適配的時候會修改viewport的initial-scale，導致viewport的width不等於device width ...

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

前言   相信大多數移動端前端開發者都是用過 lib-flexible來作為移動端適配的解決方案。lib-flexible是淘寶項目組開發出來的一個小插件，屬於開源項目，可以在各類項目中引入並使用，為移動端的開發者帶來了無窮的便利。   但是，有人提出為什么在屏幕尺寸超出一定分辨率后便不再適配 ...

如果不引入插件的話：ui稿的px轉化成rem需自己計算 根據設計稿我們需要自己計算元素的rem（假如我們將html根元素font-size設置為41.4px）； 那么1rem=41.4px; ui稿 ...

1.引入lib-flexible 在main.js中引入lib-flexible lib-flexible會自動在htmlhead中添加meta標簽，同時會自動設置html的font-size為屏幕寬度的1/10。 由於每次都需要手動計算rem效率低，且易出錯 ...

1，安裝 flexible和 postcss-px2rem（命令行安裝） 簡要介紹這兩個包的用途： flexible會為頁面根據屏幕自動添加<meta name='viewport' >標簽，動態控制initial-scale，maximum-scale ...

1，安裝 flexible和 postcss-px2rem（命令行安裝） 簡要介紹這兩個包的用途： flexible會為頁面根據屏幕自動添加<meta name='viewport' >標簽，動態控制initial-scale，maximum-scale ...