html怎麼調高度最佳-tft每日頭條

html怎麼調高度最佳

生活更新时间:2025-02-04 04:44:02

html怎麼調高度最佳?通用方案1、設置根 font-size：625%（或其它自定的值，但換算規則 1rem 不能小于 12px），我來為大家科普一下關于html怎麼調高度最佳?以下内容希望對你有幫助!

html怎麼調高度最佳

通用方案

1、設置根 font-size：625%（或其它自定的值，但換算規則 1rem 不能小于 12px）

2、通過媒體查詢分别設置每個屏幕的根 font-size

3、CSS 直接除以 2 再除以 100 即可換算為 rem

優：有一定适用性，換算也較為簡單。

劣：有兼容性的坑，對不同手機适配不是非常精準；需要設置多個媒體查詢來适應不同手機，單某款手機尺寸不在設置範圍之内，會導緻無法适配。

網易方案

1、拿到設計稿除以 100，得到寬度 rem 值

2、通過給 html 的 style 設置 font-size，把 1 裡面得到的寬度 rem 值代入x document.documentElement.style.fontSize =document.documentElement.clientWidth / x ‘px‘;

3、設計稿 px/100 即可換算為 rem

優：通過動态根 font-size 來做适配，基本無兼容性問題，适配較為精準，換算簡便。

劣：無 viewport 縮放，且針對 iPhone 的 Retina 屏沒有做适配，導緻對一些手機的适配不是很到位。

手淘方案

1、拿到設計稿除以 10，得到 font-size 基準值

2、引入 flexible

3、不要設置 meta 的 viewport 縮放值

4、設計稿 px/ font-size 基準值，即可換算為 rem

優：通過動态根 font-size、viewpor、dpr 來做适配，無兼容性問題，适配精準。

劣：需要根據設計稿進行基準值換算，在不使用 sublime text 編輯器插件開發時，單位計算複雜。

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

查看全部

网友关注

生活四川正宗芋兒燒雞火鍋
, 2023-01-05
生活怎麼才能釣到大魚
怎麼才能釣到大魚?當釣獲到大體型魚時，首先要确保持竿姿勢正确，發現漂訊時能第一時間向上揚竿，必要時可以将魚竿斜插入水面，而後慢慢立起來，下面我們就來聊聊關于怎麼才能釣到大魚?接下來我們就一起去了解一下吧!怎麼才能釣到大魚當釣獲到大體型魚時，... 2022-06-16
生活玫瑰花瓣怎麼保存
玫瑰花瓣怎麼保存?風幹是最簡單、最常用的一種制作幹花的方法，選一間溫暖、幹燥，且通風條件良好的房間，室内溫度不應低于攝氏10度通風好的櫃子，有加熱設施的房間，或是頂樓、閣樓之類的地方都很好花在幹燥過程中有裝飾價值，不妨考慮把卧室和餐廳作為風... 2022-06-16
生活何所冬暖席郗辰向安桀表白
《何所冬暖，何所夏涼》席郗辰得知安桀不見了，滿天下的瘋狂找尋安桀，希望能知道安桀的下落，但是身邊的好友都不知道，到底席郗辰能否找到自己的女友呢？席郗辰趕來看望安桀的父親，結果卻被告知安桀已經離開了，不知去哪了。席郗辰找不到安桀，陷入了絕望。... 2022-11-10
生活燃燒是一種發光發熱的什麼現象
燃燒是一種發光發熱的什麼現象?燃燒是一種放熱發光的化學反應，其反應過程極其複雜，遊離基的鍊鎖反應是燃燒反應的實質，光和熱是燃燒過程中發生的物理現象，今天小編就來聊一聊關于燃燒是一種發光發熱的什麼現象?接下來我們就一起去研究一下吧!燃燒是一種... 2022-08-24
生活網上銷售的激光脫毛儀可靠嗎
來源：生命時報受訪專家：陝西省第四人民醫院皮膚科副主任醫師張維本報記者李珍玉天氣一熱，穿裙子、短褲的人越來越多。體毛重的愛美人士此時都會想盡辦法脫毛。現在市面上銷售火爆的脫毛儀号稱“出光次數無限”，有的商家為吸引消費者，把光子脫毛儀包裝成激... 2022-12-11
生活用醬油腌制鹌鹑的方法
用醬油腌制鹌鹑的方法?把鹌鹑徹底清洗鍋中加冷水放入鹌鹑燒到水煮開有很多浮沫，下面我們就來說一說關于用醬油腌制鹌鹑的方法?我們一起去了解并探讨一下這個問題吧!用醬油腌制鹌鹑的方法把鹌鹑徹底清洗。鍋中加冷水放入鹌鹑燒到水煮開有很多浮沫。把水倒掉... 2022-07-15
生活堵漏王做防水使用方法
堵漏王做防水使用方法?将漏水點或漏水縫鑿成垂直喇叭口（V型），将雜物或疏松的粉狀物清理幹淨并用水濕潤，今天小編就來聊一聊關于堵漏王做防水使用方法?接下來我們就一起去研究一下吧!堵漏王做防水使用方法将漏水點或漏水縫鑿成垂直喇叭口（V型），将雜... 2022-06-10
生活白菌的食用禁忌
白菌的食用禁忌?白菌孕婦忌用；服藥一日内，忌食蠶豆、魚類及酸冷食物，我來為大家科普一下關于白菌的食用禁忌?以下内容希望對你有幫助!白菌的食用禁忌白菌孕婦忌用；服藥一日内，忌食蠶豆、魚類及酸冷食物。白菌屬世界稀有珍品，曆來被視為“宮廷珍品”、... 2022-05-31
生活 balance是什麼意思中文
balance是什麼意思中文?名詞解釋：均衡;平衡;均勢;平衡能力；餘額，我來為大家科普一下關于balance是什麼意思中文?下面希望有你要的答案，我們一起來看看吧!balance是什麼意思中文名詞解釋：均衡;平衡;均勢;平衡能力；餘額。動... 2022-07-10
生活身價百億給母校捐了一棟樓
上遊新聞記者宋劍近日，重慶郵電大學收到一筆數額巨大的捐贈，校友王軍首次捐贈100萬元在母校設立獎學金，以10年為期，将累計捐贈1000萬元，回報求學時學校和老師給予自己的鼓勵和關懷。這位校友王軍，是誰？“照遠承恩”獎學金簡介他的人生就是勵志... 2022-11-03
生活高鐵防曬噴霧多少ml不能帶
高鐵防曬噴霧多少ml不能帶?高鐵上不能攜帶超過120ml的自噴壓力容器，下面我們就來說一說關于高鐵防曬噴霧多少ml不能帶?我們一起去了解并探讨一下這個問題吧!高鐵防曬噴霧多少ml不能帶高鐵上不能攜帶超過120ml的自噴壓力容器。高鐵限量攜帶... 2022-06-16
生活七月開什麼花
七月開什麼花?七月開花的有：荷花、紅背桂、南天竹、一品紅、虎刺梅、金絲桃、金絲梅、海仙花、八仙花、錦帶花、麻葉繡球、噴雪花、瑞香、栀子花、結香、天女花、三角梅、米蘭、茉莉、珠蘭、鵝掌柴、十大功勞、石榴、紫薇、木槿、火棘、朱蕉、扶桑、六月雪、... 2022-06-04
生活菠蘿紅椒咕咾肉
菠蘿紅椒咕咾肉?食材：豬肉200克、菠蘿1/4個、紅椒1個、食鹽适量、生姜3片、番茄醬3勺、白糖2勺、料酒1勺、白胡椒粉少許、雞蛋1個、玉米澱粉适量、食用油适量、蔥1棵，今天小編就來說說關于菠蘿紅椒咕咾肉?下面更多詳細答案一起來看看吧!菠蘿... 2022-08-12
生活花菇幹貝粥做法步驟
花菇幹貝粥做法步驟?花菇4朵，幹貝10g，大米100g，姜絲2片，鹽1勺，油1茶匙，下面我們就來聊聊關于花菇幹貝粥做法步驟?接下來我們就一起去了解一下吧!花菇幹貝粥做法步驟花菇4朵，幹貝10g，大米100g，姜絲2片，鹽1勺，油1茶匙。花菇... 2022-06-16
生活海娜粉是不是純植物染發
海娜粉染白發效果好_純天然植物染發劑.北京多家電視台介紹海娜粉植物染發粉,用能吃的東西染發?今天您試了嗎?來電索取相關信息.今年9月份，北京多家電視台介紹海娜粉植物染發粉,用能吃的東西染發?節目一經播出立刻在社會各界引起熱烈反響。近日,熱心... 2022-12-14
生活爸媽在群裡的昵稱
爸媽在群裡的昵稱?親情凝聚全家人，親是源泉情是魂，我來為大家科普一下關于爸媽在群裡的昵稱?下面希望有你要的答案，我們一起來看看吧!爸媽在群裡的昵稱親情凝聚全家人，親是源泉情是魂。創業謹記讀與耕，持家須知儉和勤。百善首孝三春晖，兄友弟恭睦芳鄰... 2022-10-16
生活秋冬寬松衛衣搭配
衛衣最初是冷庫工作人員的工服，來自于單詞sweater，意思是針織的運動衫，它比一般的長袖要厚很多。由于溫暖的特性，它逐漸被運動員所喜愛，也随之成為軍隊軍人的便服。再後來随着hip-pop文化的興起。逐漸成為秋冬追捧的熱門單品。TommyH... 2022-11-03
生活燒烤技巧
燒烤技巧?燒烤時間燒烤時要注意撒料時間燒烤過早過晚撒料都不好，應該在食物烤到七八成熟時再撒上杞參燒烤肉串專用料這樣料能烤熟了，更好吃，更入味，我來為大家科普一下關于燒烤技巧?以下内容希望對你有幫助!燒烤技巧燒烤時間燒烤時要注意撒料時間。燒烤... 2022-07-10
生活顔真卿主要事迹
文史不分家，當我們讀一篇文言文讀到一個人物時，我們需要更加了解這個人物的時代背景才能更好地讀懂這篇文章，讀懂這個人物，即“知人論世”。以下這篇關于顔真卿的文言文，就很好地诠釋了文史為什麼不能分家。【原文】希烈乃拘真卿，守以甲士，掘方丈坎于庭... 2022-10-25
生活哪吒傳奇之魔童降世配音
哪吒傳奇之魔童降世配音?電影《哪吒之魔童降世》中主要是由餃子執導兼編劇，呂豔婷、囧森瑟夫、瀚墨、陳浩、綠绮、張珈銘、楊衛擔任主要配音，霍爾果斯彩條屋影業有限公司出品的動畫電影，我來為大家科普一下關于哪吒傳奇之魔童降世配音?以下内容希望對你有... 2022-08-20
生活藝術類招生文理統一排序錄取是什麼意思
藝術類招生文理統一排序錄取是什麼意思?意思是文科生和理科生統一到一起從高錄到低，不分文科多少名，理科多少名，接下來我們就來聊聊關于藝術類招生文理統一排序錄取是什麼意思?以下内容大家不妨參考一二希望能幫到您!藝術類招生文理統一排序錄取是什麼意... 2022-07-03
生活嶽雲鵬在大咖面前說的相聲
文：心目郎君歡聲笑語迎新年老少團圓品春晚熱搜榜上争芳豔評論區下難成全2021年的春晚剛一結束，就霸屏了整個熱搜，與以往不同的是，在今年的春晚中，有一位演員，才一開演，就料定了自己要上熱搜，他就是著名的相聲演員嶽雲鵬同志。如果要說他這是說大話... 2022-12-07
生活徐悲鴻最擅長畫的是啥
徐悲鴻（1895年6月18日~1953年9月26日），原名徐壽康，江蘇宜興屺亭橋鎮人。中國著名畫家，藝術巨匠，傑出的美術教育家、活動家。擅長素描、油畫、中國畫。他是将西方現實主義繪畫觀念和方法引入中國的先驅者之一，中國現代美術事業的奠基者，... 2022-11-14
生活昆明多層實木闆十大名牌
為什麼家居裝飾做家具要選擇實木多層家具闆，今天家具闆十大品牌維科瑞家具闆為大家分析下，實木多層闆的優點都有哪些呢？目前的室内家具大多是以闆式家具為主，比如衣櫃、鞋櫃、櫥櫃、電視櫃、床頭櫃等，不同家具所用的闆材可以是不同的，但也可以為同一種闆... 2022-11-13
生活雞肝可以和牛奶一起吃嗎
雞肝可以和牛奶一起吃嗎?雞肝不建議和牛奶一起食用，雞肝含有蛋白質、維生素、脂肪以及鈣、鐵、磷等礦物質，牛奶富含蛋白質和鈣，一同食用會加重腸胃的負擔難以消化，還有可能引起腹瀉，我來為大家講解一下關于雞肝可以和牛奶一起吃嗎?跟着小編一起來看一看... 2022-06-08
生活直角三角形的角分别是幾度
直角三角形的角分别是幾度?一般的直角三角形三個角的度數分别為：90，接下來我們就來聊聊關于直角三角形的角分别是幾度?以下内容大家不妨參考一二希望能幫到您!直角三角形的角分别是幾度一般的直角三角形三個角的度數分别為：90。等腰直角三角形三個角... 2022-06-19
生活雞頭白臉是什麼意思
雞頭白臉是什麼意思?雞頭白臉是激頭掰臉的意思形容一個人在憤怒狀态下表現出的激烈言辭和憤怒表情，我來為大家科普一下關于雞頭白臉是什麼意思?下面希望有你要的答案，我們一起來看看吧!雞頭白臉是什麼意思雞頭白臉是激頭掰臉的意思。形容一個人在憤怒狀态... 2022-07-07
生活月夜憶舍弟古詩
月夜憶舍弟古詩?原文：《月夜憶舍弟》【作者】杜甫【朝代】唐，下面我們就來說一說關于月夜憶舍弟古詩?我們一起去了解并探讨一下這個問題吧!月夜憶舍弟古詩原文：《月夜憶舍弟》【作者】杜甫【朝代】唐戍鼓斷人行，邊秋一雁聲。露從今夜白，月是故鄉明。有... 2022-06-14
生活描寫山清水秀景色詩句
描寫山清水秀景色詩句?望洞庭唐代：劉禹錫，我來為大家科普一下關于描寫山清水秀景色詩句?以下内容希望對你有幫助!描寫山清水秀景色詩句望洞庭唐代：劉禹錫湖光秋月兩相和，潭面無風鏡未磨。遙望洞庭山水翠，白銀盤裡一青螺。譯文秋夜明月清輝，遍灑澄淨湖... 2022-06-26

tft每日頭條

> 生活

> html怎麼調高度最佳

html怎麼調高度最佳

html怎麼調高度最佳

相关生活资讯推荐

热门生活资讯推荐

网友关注