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

移動端flex布局 彈性盒布局語法分為兩部分： 1. 添加在父容器上的語法 （1）display : flex; 設置為彈性盒（父元素添加） （2）flex-direction: 主軸排列方式 　　row; 默認值，默認為橫向排列。 　　row-reverse; 反轉橫向排列 ...

1.采用縮放比為1的meta name=viewport的標簽。在頁面采用px寫法。也要根據設計圖。如是設計圖是2倍圖，那么相應的px需要除以2,如果設計圖是3倍圖，那么相應px尺寸除以3。 ...

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

移動端布局: 1rem等於100px ，設計圖750 ...

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

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

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