日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

前端rem適配如何具體去使用

作者:more名奇妙 更新時間: 2022-10-29 編程語言

???rem是CSS3新增的一個相對單位,相對于根元素(html元素)的font-size的倍數。作用:利用rem可以實現簡單的響應式布局,可以利用html元素中字體的大小與屏幕間的比值來設置font-size的值,以此實現當屏幕分辨率變化時讓元素也隨之變化。

rem(font size of the root element)是指相對于根元素的字體大小的單位。
1rem?等于根元素?htm?的?font-size,即只需要設置根元素的?font-size,其它元素使用?rem?單位時,設置成相應的百分比即可。

定義公式:rem(倍數) = width / (html的font-size),根據公式我們可以得出:
rem(倍數) = 設計稿寬度( imgWidth ) / 你設置的font-size( defalutSize )
?

你需要動態設置的font-size( x )??=?網頁的實際寬度(screenWidth)/rem(倍數)

原文鏈接:https://blog.csdn.net/m0_67948827/article/details/127579638

欄目分類
最近更新