2個月前,寫過一篇文章《從網易與淘寶的font-size思考前端設計稿與工作流》總結過一些移動web中有關手機適配的一些思路,當時也是因為工作的關系分析了下網易跟淘寶的移動頁面,最后才有那篇文章的總結 ...
2個月前,寫過一篇文章《從網易與淘寶的font-size思考前端設計稿與工作流》總結過一些移動web中有關手機適配的一些思路,當時也是因為工作的關系分析了下網易跟淘寶的移動頁面,最后才有那篇文章的總結 ...
公司最近做的一個移動端項目從搭框架到前端開發由我獨立完成,以前做移動端適配用的媒體查詢,這次想用點別的適配方案,然后就采用了vue-cli3.0結合lib-flexible、px2rem實現移動端適配的方案,開發過程中也遇到一些坑,自己選的方案自己填坑吧。以下記錄我的項目框架搭建及填坑方案 ...
寫H5頁面一直寫的有點隨意,只是保證了頁面在各個屏幕下顯示良好,卻沒有保證到在各個屏幕下是等比例放大或者縮小.這些天在寫一些頁面,試着看看能不能寫出等比例放大縮小的頁面,發現不容易啊,在網上找了一 ...
上篇文章《淘寶彈性布局方案lib-flexible實踐》結合一個簡單的實例,說明了lib-flexible的基本用法,但是lib-flexible的這種適配方式在適配的時候會修改viewport的initial-scale,導致viewport的width不等於device width ...
Vue將px轉化為rem適配移動端 1.下載lib-flexible我使用的是vue-cli+webpack,所以是通過npm來安裝的npm i lib-flexible --save 2.引入lib-flexible在main.js中引入lib-flexibleimport ...
最近在和設計溝通關於設計圖尺寸大小和前端實際頁面尺寸大小不一致的情況,我們的UI設計是使用的iPone6的,(iphone6: 375px*667px 實際像素:750px*1334px ...
移動端適配一直都是個大問題,現在也出現了各種各樣的解決方案,比如 rem, vw 百分比等,但是比較成熟的切比較容易編寫的還是 rem,他是相對於根元素的 font-size 進行等比例計算的。 但 ...