av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

前端 - 用@media設置html的font-size給rem用出現的問題?

瀏覽:99日期:2023-07-21 10:38:41

問題描述

我的設計稿是640px的,所以設置font-size:62.5%比較寫值,但是屏幕縮小后的font-size比例我不知如何把控,不知這樣寫對不對?min-width: 580px和max-width:580px會不會沖突呢?

@media only screen and (min-width: 640px){ html{font-size: 62.5%; }}@media only screen and (max-width: 640px) and (min-width: 580px){ html{font-size: 62.5%; }}@media only screen and (max-width:580px) and (min-width: 440px){ html{font-size: 54%; }}@media only screen and (max-width:440px) and (min-width: 400px){ html{font-size: 46%; }}@media only screen and (max-width:440px) and (min-width: 400px){ html{font-size: 42%; }}@media only screen and (max-width:400px) and (min-width: 360px){ html{font-size: 40%; }}@media only screen and (max-width:400px) and (min-width: 360px){ html{font-size: 32%; }}

問題解答

回答1:

會的,所以bootstrap 里都是差一個pixel. 產生沖突會怎樣呢?根據css的原理會選擇后定義的效果(選擇器權重相同的情況下)。那么這個沖突會發生在屏幕寬度580px的時候。在用戶使用的時候這種情況會很少見。但是并不是最佳實踐,因為多進行了一次額外渲染。

標簽: HTML
相關文章:
主站蜘蛛池模板: 国产欧美一区二区三区久久手机版 | 99在线视频观看 | 国产精品免费一区二区三区四区 | 在线免费观看毛片 | 亚洲国产一区视频 | 欧美在线观看网站 | 岛国在线免费观看 | 草久久| 久久精品国产99国产精品 | 久久精品久久久 | 欧美二区在线 | 蜜桃久久| 日韩在线视频观看 | 久久99精品久久久久久秒播九色 | 国产精品高潮呻吟久久 | 婷婷精品 | 亚州午夜精品 | 久久午夜视频 | 成人免费在线观看 | 国产免费又色又爽又黄在线观看 | 日韩av一区二区在线观看 | 久久男人天堂 | 亚洲二区视频 | 国产精品福利在线 | 在线观看av网站 | 亚洲成人国产 | 精品伦精品一区二区三区视频 | 精品美女久久久 | 91高清视频在线观看 | 日韩欧美一区二区三区四区 | 成人亚洲片 | 精品久久久久久国产 | 久久中文字幕一区 | 亚洲天堂久久 | 日韩精品成人 | 久久精品国产久精国产 | 日韩免费一区 | 大乳boobs巨大吃奶挤奶 | 91精品国产综合久久婷婷香蕉 | 97精品超碰一区二区三区 | 国产一区二区三区在线视频 |