rem那些事
1.頁面佈局文字能否隨著螢幕大小變化而變化?
2.流式佈局和flex佈局主要針對於寬度佈局,那高度如何設定?
3.怎麼樣讓螢幕發生變化的時候元素高度和寬度等比例縮放?
rem基礎
rem(root em)是相對單位,類似於em,em是父元素字型大小。
不同的是rem的基準相對於HTML元素的字型大小。
比如,根元素(HTML)設定font-size=12px;非跟元素設定width:2rem;則換成px表示就是24px.
rem的優點:可以通過修改HTML裡面的文字大小來改變頁面中的元素大小可以整體控制
媒體查詢
less基礎
rem適配方案
相關文章
- JavaScript那些事JavaScript
- mysql那些事MySql
- GCD那些事GC
- Java 混淆那些事(六):Android 混淆的那些瑣事JavaAndroid
- MySql索引那些事MySql索引
- ios 面試那些事iOS面試
- babel那些事兒Babel
- PHP那些事兒PHP
- javascript中this那些事JavaScript
- Synchronized的那些事synchronized
- 繼承那些事繼承
- webassembly 的那些事Web
- ViewPager的那些事Viewpager
- 跨域那些事跨域
- OAuth那些事兒OAuth
- Git那些事兒Git
- 前端規範那些事前端
- React Context那些事ReactContext
- HTTP協議那些事HTTP協議
- iOS CollectionView 的那些事iOSView
- 微服務的那些事微服務
- webpack的那些事兒Web
- 守護程式那些事
- JavaScript 閉包那些事JavaScript
- JS非同步那些事JS非同步
- 概覽【JavaScript那些事】JavaScript
- 前端快取那些事前端快取
- 聊聊viewport那些事兒View
- HTTP 2.0 的那些事HTTP
- HTTP 2.0的那些事HTTP
- Java字串那些事兒Java字串
- Ubuntu的那些事兒Ubuntu
- Clojure 開發那些事
- 智慧指標的那些事指標
- HTTP2.0那些事HTTP
- ContentProvider那些事IDE
- IT風雲15年的那些人那些事
- 敏捷開發的那些事敏捷