一. 安裝插件(lib-flexible 和 postcss-loader、postcss-px2rem) 二. 配置插件 　　1. 在入口文件 main.js 中引入 ...

vue pc 端和移動端響應式布局 源碼: https://gitee.com/hellojinjin/vue-flexible-layout.git 技術棧： postcss-px-to-viewport 媒體查詢 flex 布局 ui 組件(element-ui tabs ...

css單位有3種： px：絕對單位 em：相對父元素的單位 rem：相對根元素（頁面的html）的單位--css3新增的 下面來仔細講下近年來在webapp中常用的rem： 什么是re ...

最近做了幾個移動端的項目，因為第一次接觸移動端的布局，所以踩了幾個坑，今天總結一下，有不對的地方歡迎大家提意見。 移動端布局需要考慮為不同分辨率的設備都提供一個出色的使用體驗，下面我來總結一下移動端布局的方法。 借助庫 比如Bootstrap和MUI都可以實現自適應布局，借助於 ...

1,移動端的常見開發方式: 響應式： 一套代碼可以兼容移動端，pc端，pad端。所以說代碼不會特別復雜，內容也不會特別的多，尤其是動畫 自適應：根據不同的設備去加載不同的代碼，pad一套，pc一套，phone一套。最常見一種 媒體 ...

一、流式布局（百分比布局） 使用非固定像素來定義網頁內容，也就是百分比布局，(特別適合於電商網站的布局)通過盒子的寬度設置成百分比來根據屏幕的寬度來進行伸縮，不受固定像素的限制，內容向兩側填充。這樣的布局方式，就是移動web 開發使用的常用布局方式。這樣的布局可以適配移動端不同的分辨率設備 ...

最近發現UC下通過display:inline-block布局有點問題，全用最新版：Android6系統和最新版UC手機瀏覽器都還是有問題。 設計需求： 導航欄100%寬度，共有4個子欄目，每一個欄目占1/4寬度。 HTML代碼為： 方法一： 通過"display ...

移動端頁面布局 一、移動端app分類 1、Native App原生app手機應用程序 　　使用原生的語言開發的手機應用，Android系統用的是java，ios系統用的是object-C 2、Hybrid App 混合型app手機應用程序 　　混合使用原生的程序和html5頁面開發的手機 ...