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適配方案
相關文章
- IO那些事
- PDF 那些事
- Java 混淆那些事(六):Android 混淆的那些瑣事JavaAndroid
- PHP那些事兒PHP
- Redis那些事兒Redis
- MySql索引那些事MySql索引
- DOM的那些事
- javascript中this那些事JavaScript
- 繼承那些事繼承
- a>b的那些事
- React Context那些事ReactContext
- WAF的那些事
- babel那些事兒Babel
- Volatile的那些事
- Synchronized的那些事synchronized
- ios 面試那些事iOS面試
- JS非同步那些事JS非同步
- iOS CollectionView 的那些事iOSView
- https的那些事兒HTTP
- HTTP協議那些事HTTP協議
- 聊聊定價那些事
- getComputedStyle方法的那些事
- Node路徑那些事
- 概覽【JavaScript那些事】JavaScript
- 前端規範那些事前端
- 職場那些事(一)
- webpack的那些事兒Web
- 微服務的那些事微服務
- Android Q 相容那些事Android
- 守護程式那些事
- JavaScript 閉包那些事JavaScript
- Android-MeasureSpec那些事Android
- 關於Rollup那些事
- 軟體版本那些事
- 前端快取那些事前端快取
- MySQL優化那些事兒MySql優化
- 網路安全那些事兒
- Eval家族的那些事兒