那個rem怎么做適配,em是根據什么來決定的?
· rem是root 和 em的結合,root是指根元素HTML,em是指父元素字號的倍數,所以rem就是指根元素字號的倍數,如果我們把頁面中的元素單位都轉換成rem,那么他們的大小就會隨著根子號變化而變化,如果根子號的大小可以隨著視口大小變化而變化,那么我們頁面中的元素尺寸就可以實現適配效果了,如果想實現根字號隨著視口變化,那就需要用到一個單位vw,vw是視口寬的1%,根據當前設計稿可以換算出1vw是多少個px,然后再利用他們之間的比例關系,把根字號的px單位轉換成vw,那么根字號就可以隨著視口變化而變化了,頁面中的元素也就會隨著視口變化而變化了。
· em這個單位具體要看你用在什么屬性上,如果是用在字號上面,那么他參照的就是父元素字號的倍數,如果用在其他屬性上,比如width,height,text-indent那么它參照的就是當前元素字號的倍數
table了解多少
在網頁發展的初期,會用表格來實現網頁布局,但這種布局方式會讓網頁出現很多問題,逐漸不再用于網頁布局結構中,現在表格標簽一般用于數據展示。而且在公司項目開發中,很多都不是直接使用table,而是使用ui組件庫中封裝了的表格,比如el-table。table表格中常用的標簽有tr/td/th/caption等等。table布局作為基礎的內容就類似于生活整的基礎設施一樣雖然使用頻率低,但是不會被淘汰
彈性盒有哪些屬性是在父元素身上?那些在子元素身上?你知道flex-grow嗎
- 添加在父級元素上的屬性:
- 1.flex-direction 設置彈性盒的主軸方向
- 2.justify-content 設置主軸上的對齊方式
- 3.align-items:設置側軸上的對齊方式
- 4.flex-wrap:設置彈性盒中默認換行
- 5.justify-content:換行之間行與行之間的間距設置
- 添加在子級元素上的屬性
- 1.align-self:設置單個元素在側軸上的對齊方式
- 2.order:設置元素的排序優先級
- 3.flex:1 占據主軸上剩下空間
更多關于“web前端培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學,課程大綱緊跟企業需求,更科學更嚴謹,每年培養泛IT人才近2萬人。不論你是零基礎還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。