今天小編給大家分享一下css3中rem和px有哪些區(qū)別的相關(guān)知識(shí)點(diǎn),內(nèi)容詳細(xì),邏輯清晰,相信大部分人都還太了解這方面的知識(shí),所以分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后有所收獲,下面我們一起來了解一下吧。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、外貿(mào)營銷網(wǎng)站建設(shè)、平谷網(wǎng)絡(luò)推廣、小程序制作、平谷網(wǎng)絡(luò)營銷、平谷企業(yè)策劃、平谷品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供平谷建站搭建服務(wù),24小時(shí)服務(wù)熱線:028-86922220,官方網(wǎng)址:redsoil1982.com.cn
css3中rem和px的區(qū)別是:px是相對(duì)長度單位,是相對(duì)于顯示器屏幕分辨率而言的;而rem雖然也是相對(duì)單位,但是是相對(duì)于HTML根元素而言的。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
1、px是相對(duì)長度單位,它是相對(duì)于顯示器屏幕分辨率而言的。
優(yōu)缺點(diǎn):比較穩(wěn)定和精確,但在瀏覽器中放大或縮放瀏覽頁面時(shí)會(huì)出現(xiàn)頁面混亂的情況。
3、rem是CSS3新增的一個(gè)相對(duì)單位,REM是相對(duì)單位,是相對(duì)HTML根元素。當(dāng)在根元素中使用rem設(shè)置font-size時(shí),此時(shí)的1rem等于瀏覽器默認(rèn)字體大小,大多數(shù)瀏覽器默認(rèn)大小為16px
這個(gè)單位可謂集相對(duì)大小和絕對(duì)大小的優(yōu)點(diǎn)于一身,通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。
拓展資料
px:
px實(shí)際上就是像素,用PX設(shè)置字體大小時(shí),比較穩(wěn)定和精確。
但是這種方法存在一個(gè)問題,當(dāng)用戶在瀏覽器中瀏覽我們制作的Web頁面時(shí),如果改變了瀏覽器的縮放,這時(shí)會(huì)使用我們的Web頁面布局被打破,這樣對(duì)于那些關(guān)心自己網(wǎng)站可用性的用戶來說,就是一個(gè)大問題了。
rem:
rem是CSS3新增的一個(gè)相對(duì)單位(root em,根em),使用rem為元素設(shè)定字體大小時(shí),仍然是相對(duì)大小,但相對(duì)的只是HTML根元素。這個(gè)單位可謂集相對(duì)大小和絕對(duì)大小的優(yōu)點(diǎn)于一身,通過它既可以做到只修改根元素就成比例地調(diào)整所有字體大小,又可以避免字體大小逐層復(fù)合的連鎖反應(yīng)。
例子:
p {font-size:14px; font-size:.875rem;}
以上就是“css3中rem和px有哪些區(qū)別”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家閱讀完這篇文章都有很大的收獲,小編每天都會(huì)為大家更新不同的知識(shí),如果還想學(xué)習(xí)更多的知識(shí),請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)頁標(biāo)題:css3中rem和px有哪些區(qū)別
網(wǎng)站地址:http://redsoil1982.com.cn/article14/ihpsge.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)、網(wǎng)站導(dǎo)航、自適應(yīng)網(wǎng)站、ChatGPT、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)