最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會(huì)員登陸 & 注冊

說一說CSS尺寸設(shè)置的單位?

2022-05-27 14:28 作者:朵寶特工007  | 我要投稿

得分點(diǎn):px、rem、em、vw、vh。

回答:px:pixel像素的縮寫,絕對長度單位,它的大小取決于屏幕的分辨率,是開發(fā)網(wǎng)頁中常常使用的單位。

????em:相對長度單位,在font-size中使用是相對于父元素的字體大小,在其他屬性中使用是相對于自身的字體大小,如width;如當(dāng)前元素的字體尺寸未設(shè)置,由于字體大小可繼承的原因,可逐級向上查找,最終找不到則相對于瀏覽器默認(rèn)字體大小。

????rem:相對長度單位,相對于根元素的字體大小,根元素字體大小未設(shè)置,使用瀏覽器默認(rèn)字體大小。

????vw:相對長度單位,相對于視窗寬度的1%。

????vh:相對長度單位,相對于視窗高度的1%。

加分回答:rem應(yīng)用:在移動(dòng)端網(wǎng)頁開發(fā)中,頁面要做成響應(yīng)式的,可使用rem配合媒體查詢或者flexible.js實(shí)現(xiàn)。

????原理:通過媒體查詢或者flexible.js,能夠在屏幕尺寸發(fā)生改變時(shí),重置html根元素的字體大小,頁面中的元素都是使用rem為單位設(shè)置的尺寸,因此只要改變根部元素字體大小,頁面中的其他元素尺寸就自動(dòng)跟著修改。

????vw應(yīng)用:由于vw被更多瀏覽器兼容之后,在做移動(dòng)端響應(yīng)式頁面時(shí),通常使用vw配合rem。

????原理:使用vw設(shè)置根元素html字體的大小,當(dāng)窗口大小發(fā)生改變,vw代表的尺寸就跟著修改,無需加入媒體查詢和flexible.js,頁面中的其他元素仍使用rem為單位,就可以實(shí)現(xiàn)響應(yīng)式。


說一說CSS尺寸設(shè)置的單位?的評論 (共 條)

分享到微博請遵守國家法律
宝兴县| 托克逊县| 汤原县| 曲麻莱县| 黄山市| 曲阳县| 黎川县| 高台县| 睢宁县| 沙雅县| 桃源县| 余姚市| 大理市| 都兰县| 襄城县| 新乡市| 寿光市| 曲阳县| 闽清县| 宜丰县| 视频| 尼木县| 平远县| 鲜城| 民乐县| 交城县| 临汾市| 额济纳旗| 临江市| 西藏| 土默特右旗| 务川| 屯留县| 清远市| 鸡泽县| 启东市| 八宿县| 十堰市| 清涧县| 元阳县| 乌苏市|