用rem寫css-tft每日頭條

用rem寫css

生活更新时间:2024-12-03 05:10:30

1-em和rem的區别

兩個都是相對單位

em 值的大小取決于父元素的字體大小

rem 值的大小取決于html的字體大小

2-媒體查詢

@media (width:375px) {

檢測設備屏幕寬度在375px時發生變化

html{

将屏幕大小分為十等分,當html字體大小發生變化時,rem的值也會随着變化

font-size: 37.5px;

}

媒體查詢主要就是檢測不同設備屏幕,但設備種類較多,每一個都寫媒體查詢不現實.便捷方式可以用js來實現這一功能.

3-flexible

用js來檢測設備屏幕,在body内最下面用<script src="./js/flexible.js"></script>來引入flexible js文件.

4-rem的計算方式

rem=(設計稿上的值 / 37.5px的标準值)

5-less(預處理器,css的升級版)

下載less插件,後綴名.less生成less文件.

less語法和css有所不同.後代選擇器和僞類選擇器.後代選擇器在less中可以直接嵌套.&表示當前标簽.

less中可以實現加減乘除.

可以設置變量.

引入其他less文件進行關聯@import url(./base.less);

禁止導出文件,在首行添加 // out:false

用rem寫css（CSS中的媒體查詢以及rem單位）1

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活發黴的茶葉可以喝嗎
1、茶葉長毛了要看是茶毫還是發黴質變，如果是茶毫是可以喝的，是發黴變質不能再喝了。2、變質發黴的茶葉... 2023-07-05
生活冰墊變髒怎麼處理
1、表面髒污時可視情況用幹淨毛巾擦拭，但避免揉搓及硬毛刷清洗。也可以用肥皂水浸泡15分鐘，用涼水沖幹... 2023-07-05
生活台式電腦連接藍牙耳機
1、首先台式機需要外接usb藍牙适配器，然後把藍牙打開。這樣可以使用你的藍牙：電腦打開這個路徑控制面... 2023-07-05
生活蘭花福娘的養殖方法和注意事項
1、适宜溫度：福娘喜歡溫暖的生長環境，适合生長的溫度在15-25度左右，在适宜的溫度中能生長良好、茁... 2023-07-05
生活七夕送女生什麼最浪漫
1、自制禮物：比如用特定的紙張折出11朵玫瑰，告訴她你會一心一意的愛着她，她會感動到不行。你還可以在... 2023-07-05
生活冬天哪裡會一直下雪
1、冬天東北地區會一直下雪，往遠點就是漠河，再遠點就是俄羅斯，這些地方冬天都會下雪，而且冬天會很長。... 2023-07-05
生活冬天有蚯蚓嗎
有。蚯蚓在冬天會鑽到地層深處，地層深處有适合它們生存的溫度，蚯蚓的活動溫度在5-30℃，0-5℃進入休眠狀态，0℃以下死亡，最适溫度為20-27℃左右，也是蚯蚓繭卵的最适溫度，32℃以上時停比生長，40℃以上死亡。蚯蚓對土壤的作用：蚯蚓生态系統中既是消費者、分解者，又是調節者，它在生态系統中的功能具體表現在：1、對土壤中有機質分解和養分循環等關鍵過程的影響；2、對土壤理化性質的影響；3、與植物、微 2023-07-05
生活新手路亞用多長的杆子
1、新手學習路亞要根據釣點做實際的選擇，在淡水河釣魚選擇1.8-2.4米的魚竿，船釣選擇2.1-2.... 2023-07-05
生活化氏餌料冬釣鲫魚配方
1、釣1斤30－50尾的鲫魚4鲫30％、6鲫30％、尺上20％、全能競技2号10％，将以上四種餌混合... 2023-07-05
生活 iPhone動态壁紙怎麼設置聲音
1、首先在桌面上找到您的相機的圖标哦，然後點開相機。2、打開相機以後呢，我們可以看到正上方的按鈕，我... 2023-07-05
生活如何除掉粘在鞋上的膠
1、可以找來一瓶工業酒精，然後沾取酒精在膠上擦拭，來回擦幾次就可以将膠水都去除幹淨了。如果是在購買不... 2023-07-05
生活如何選購便攜式打印機
1、注意實用性不管是何種類型的便攜式打印機，我們都要保證其實用性，所以是從自己的實際出發來選擇合适的... 2023-07-05
生活坐飛機可以戴隐形眼鏡嗎
1、坐飛機可以帶隐形眼鏡，但是最好不要在坐飛機的時候戴隐形眼鏡。人體在坐飛機的時候，機艙内的空氣會比... 2023-07-05
生活核酸檢查能吃食物嗎
1、檢查核酸，一般建議兩個小時之内不吃東西、不喝水，因為進行核酸的檢測多數情況下會采用咽拭子、鼻咽拭... 2023-07-05
生活挂壁爐使用方法是什麼
1、溫度的控制方法：燃氣壁挂爐的溫度控制調節以恒溫為主要原則，區别于不同的散熱末端，在升溫期及恒溫期... 2023-07-05
生活蛐蛐怎麼養
1、蟋蟀十分嬌貴。它不能近鹽、近油、近醋、近酒，近各種異香氣息。如聞到蚊香、香水等氣味，便暈頭轉向，... 2023-07-05
生活長虹電視出廠設置後看不了了
1、切換信号源就可以，首先點擊遙控器上的電源按鍵,将電視開機。2、之後等待電視進入開機界面。3、之後... 2023-07-05
生活風扇聲音大怎麼解決
1、檢查一下配件、螺絲等有沒有松動，有的話應及時加固；2、看看電機是不是嚴重發熱，會的話需加點潤滑油... 2023-07-05
生活流動比率公式
1、流動比率是流動資産對流動負債的比率，用來衡量企業流動資産在短期債務到期以前，可以變為現金用于償還... 2023-07-05
生活生蚝補腎壯陽嗎
1、生蚝是一種海鮮産品，深受人們的喜愛，營養也非常豐富，它含有豐富的鋅元素以及牛磺酸和鈣元素，還含有... 2023-07-05
生活異地戀思念對方的說說
1、等下次再見，我會用積攢了不知道多少天的溫暖擁抱你。2、一輩子，能夠有一個人，好好相愛，多美啊！别... 2023-07-05
生活卧室适合養什麼植物
1、虎皮蘭：它有很多個品種，帶有斑紋的葉品也十分美觀，不少人都會将它放在卧室裡。如果想要讓卧室的空氣... 2023-07-05
生活寶貝由來
寶貝開始是指金銀财寶，表示很珍貴。後來表示對一個人很的愛惜，就叫寶貝，現在又做英文BABY的諧音。出自漢-焦贛《易林·訟之大畜》：“口啄卒卒，憂從中出，喪我寶貝，妻妾失位。”字詞釋義：本詞有兩種解釋。第一種解釋把“寶”與“貝”都看成是名詞，把“寶貝”看成名詞與名詞聯合的詞組。這樣的話，&l 2023-07-05
生活定期洗鞋的好處
1、定期洗鞋子的好處是：可清除鞋子上的部分污漬；鞋子洗後不易有水洗殘留；水一般是中性液體，不會損傷鞋... 2023-07-05
生活萊陽市屬于哪個市
1、萊陽，山東省煙台市代管縣級市，名稱來自于“日月出東萊之陽”。古為“昌陽”、“長廣”，又有“梨城”... 2023-07-05
生活小型飲水機家用漏水怎麼修
1、飲水機頂部出現漏水，一般是淨水桶部件破裂導緻。另一種是淨水桶的浮球發生問題，如無法密封，但這種情... 2023-07-05
生活女生唇毛怎麼去掉簡單方法
1、拔除法。這是一個比較細緻的活兒，但唇毛不會變重。不妨試試這個方法，直接用小鑷子拔除，這跟拔眉毛有... 2023-07-05
生活金絲柚木和柚木的區别有哪些
1、柚木：木中之王，俗稱胭脂木、血樹、麻栗、泰柚，為雙子葉植物綱唇形木唇形科植物。柚木是一種熱帶樹種... 2023-07-05
生活麻省在美國什麼地位
1、麻省州立大學在美國還算是中等稍偏上的公立院校，當然amherst校區相對比較出名，BOSTON校... 2023-07-05
生活怎樣保存大蒜
1、挂藏法：大蒜收獲時，對準備挂藏的大蒜要嚴格挑選，去除那些過小、莖葉腐爛、受損傷和受潮的蒜頭選擇大... 2023-07-05

tft每日頭條

> 生活

> 用rem寫css

用rem寫css

相关生活资讯推荐

热门生活资讯推荐

网友关注