1.css3視口單位：vw,vh,vmin,vmax
【視口：視口，就是根據你瀏覽器視窗的大小的單位，不受顯示器解析度的影響，是不是很神奇，這就代表了，我們不需要顧慮到現在那麼多不同電腦有關解析度的自適應問題】
vw:這是「視口寬度」單位。 1vw等於視口寬度的1％。它與百分比類似，不同之處在於，所有元素的值都保持一致，無論其父元素或父元素寬度如何
vh:這與vw（視口寬度）單位相同，只是它基於視口高度。
vmin：當前 vw 和 vh 中較小的乙個值
vmax：當前 vw 和 vh 中較大的乙個值
水平居中對齊
響應式布局的知識
meta標籤的viewport屬性是在移動裝置上設定原始大小顯示和是否縮放的宣告。可以使用的引數設定如下 width viewport的寬度 height viewport的高度 initial scale 初始的縮放比例 minimum scale 允許使用者縮放的最小比例 maxmum scal...
flex布局知識點
flexbox 布局最合適小規模布局，而網格布局適合較大規模布局。float,clear,vertical align 在flex中不起作用。flex布局中，有兩類作用于父節點也子節點的樣式，大部分簡單的布局只要把父節點寫好了，子節點是沒有多大問題的。display flex 宣告布局方式 flex...
前端知識點整理系列（一） 響應式布局
今天整理關於響應式布局的知識。響應式布局這個名詞現在應該已經很熟悉了，隨著移動端的普及，我們的 的使用者體驗需要提公升，響應式布局可以解決我們的問題。簡單點說，就是同乙個頁面可以適應不同的螢幕大小裝置的設計方案，做乙個 同時能相容多個終端，通過css中media query 媒介查詢 media功能...