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

html怎麼調高度最佳

生活更新时间:2024-09-16 00:28:34

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每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活男孩不小心踩翻窨井蓋
記者：千千/通訊員：石慶、伊芳明10月21日下午5時許，錢塘區公安分局聞潮派出所接到群衆報警，說自己店面門口有一個學生的手被卡在窨井蓋裡面，情況比較緊急，請求幫助。民警章之浩和輔警戴嶽鋒立即趕往現場，同時派出所也緊急聯動消防趕往現場救援。到... 2023-03-26
生活微信朋友圈能發多少字
微信朋友圈能發多少字?在微信朋友圈發送純文字、發布或分享信息添加文字描述，最多可輸入1500個漢字左右，下面我們就來聊聊關于微信朋友圈能發多少字?接下來我們就一起去了解一下吧!微信朋友圈能發多少字在微信朋友圈發送純文字、發布或分享信息添加文... 2022-06-15
生活黃渤當年的經曆說明什麼
周星馳近幾年的成名之作也是很多的，《西遊降魔篇》就是其中的一步，當時周星馳選擇了讓文章作為主演可以說是非常明智的選擇，文章把這個角色演出深度。但是這個劇中還有一個非常重要的角色那就是由黃渤所扮演的孫悟空。這部電影中的孫悟空可以說是非常的魔性... 2023-03-28
生活小暑的習俗有哪些
小暑的習俗有哪些?吃藕一直以來，民間素有小暑吃藕的習俗，藕中含有大量的碳水化合物及豐富的鈣磷鐵等和多種維生素，Vc鉀和膳食纖維比較多，具有清熱養血除煩等功效，适合夏天食用鮮藕以小火煨爛，切片後加适量蜂蜜，可随意食用，有安神入睡之功效，可治血... 2022-06-12
生活水泥路面修補砂漿的方法
水泥路面修補砂漿的方法?地面基層處理：在進行施工前，同樣需要對地面基層進行處理，确保地面空鼓、起塊等缺陷已經被修補或鏟除并保證地面基層清理幹淨，無施工障礙此外，需要對已完成的木制品的根部包紮，對室内原有設施的根部包紮或用材料進行隔擋，今天小... 2022-06-23
生活博士買驢什麼意思
博士買驢什麼意思?博士買驢，漢語成語，意思是博士買了一頭驢子，寫了三紙契約，沒有一個“驢”字；譏諷寫文章長篇累牍而說不到點子上，接下來我們就來聊聊關于博士買驢什麼意思?以下内容大家不妨參考一二希望能幫到您!博士買驢什麼意思博士買驢，漢語成語... 2022-07-31
生活二十大特刊成長中的粵港澳大灣區
《中國經濟周刊》記者張燕2017年7月，《深化粵港澳合作推進大灣區建設框架協議》簽署，粵港澳大灣區建設正式啟動。5年來，從中央到各地，一系列支持大灣區建設的政策舉措相繼出台，粵港澳三地加速融合發展，綜合實力顯著增強。與世界其他三個灣區相比，... 2023-03-08
生活草莓保鮮及儲存方法
冷藏受灰黴病感染，果實自身呼吸作用旺盛，引起草莓衰老，導緻腐爛，水分蒸發引起失水幹縮，草莓失水5%即失去商品性。室溫下草莓失水快，每天可失水2.17%～2.65%，3～4天後即失去商品價值。還有氧化作用引起果實變色等，均是影響草莓保鮮效果的... 2023-03-22
生活上海特色菜腌笃鮮
對于在上海生活過一年的我來說，上海的美食算是吃了個遍，但是給我印象最深的還屬這道鹹鮮味美的“腌笃鮮”。對于很多上海本地人來說，這道菜的名氣甚至比八寶鴨的名氣還大，隻不過平時吃不上，就是因為食材難買。腌笃鮮是上海的特色菜肴，主要是以春筍和鹹肉... 2022-12-06
生活三星note9用的什麼屏
本文作者：沒仐努力奔跑自從iPhoneX問世，各種各樣的異形屏就越來越興起。而我也除了iPhone，差不多體驗過了所有異形屏。比如：vivoX21、OPPOR17系列、榮耀V20、三星A8s等等。劉海、水滴、挖孔，應該算是齊了吧？體驗過後，... 2023-01-02
生活酸棗仁怎麼吃能治失眠
我前幾天看到一則報告，全國每4個人，就有1個人睡不好，還發布了10大失眠城市，其中有沒有你在的城市呢？圖片來自阿裡數據随着社會發展節奏越來越快，更多人加入了“失眠大軍”，即使勞累一天，到了晚上還是很清醒，大腦裡像放電影一樣掠過畫面，就是無法... 2022-10-23
生活夜叉姬互相認識
新的一集《半妖的夜叉姬》，信息量真的是超大，比之前任何一集的信息量都要大，揭露了十八年前的各種事情的真相，比如黑珍珠的由來、七彩珍珠的由來、犬薇夫婦的去向，諸葉被八門衛帶去了哪裡？……這些疑惑都将得到揭曉，還有許多老一代角色的登場，看得人十... 2023-01-19
生活企業重陽節活動方案老年人
企業重陽節活動方案老年人?(原創)情暖重陽送真情，企業騰飛愛更濃，下面我們就來聊聊關于企業重陽節活動方案老年人?接下來我們就一起去了解一下吧!企業重陽節活動方案老年人(原創)情暖重陽送真情，企業騰飛愛更濃。歲歲重陽，今又重陽。在舉國歡慶祖國... 2023-03-15
生活茶藝入門手法
茶道時用到的茶具：1、白瓷蓋碗一個；2、白瓷小茶杯四至五個；3、透明的玻璃公道杯一個；4、過濾網；5、随手泡一個，就是電熱水壺；6、木茶盤一個；7、純色的茶巾；8、茶夾一個；9、茶撥一個。對于新手而言，準備這九個就完全足夠了。最重要的是前四... 2022-12-27
生活少女前線迷妹漫畫
番劇《轉生成為了隻有乙女遊戲破滅Flag的邪惡大小姐》新劇情熱播，本次劇情女主惡役大小姐「卡塔莉娜」将要攻略她身邊的最後一位角色，也就是屬于“隐藏角色”的學生會長「西裡烏斯·迪克」。時至今日猴王女主身上的“破滅Flag”依然還在，如果攻略不... 2022-12-07
生活古裝俠女故事小說
作者|北平狂人來源|孔夫子舊書網APP動态淘書，是不少愛書人的雅好。如果喜歡的書就在書店裡，有錢就可以随意得到，那麼你得到此書後大抵也沒有多大的驚喜，甚或多年以後你會把此書加内容忘的一幹二淨。但是你費勁周折，或淘自冷攤，或跟攤主鬥智鬥勇拿下... 2022-11-12
生活甜潤菌子湯做法竅門
甜潤菌子湯做法竅門?準備鮮蟲草花100g、姬松茸150g、香菇150g、本菇150g、紫洋蔥一片、老姜10g、枸杞10g、大棗兩顆、橄榄油少許，現在小編就來說說關于甜潤菌子湯做法竅門?下面内容希望能幫助到你，我們來一起看看吧!甜潤菌子湯做法... 2022-07-12
生活關于蘇東坡的故事簡短
《蘇東坡傳》是現代作家林語堂用英文寫著而成的。在晚年寫作的《八十自叙》中，林語堂“精查清點“自己生平寫過的書，被排在首位的就是《蘇東坡傳》。人世間的完美人格林語堂筆下的蘇東坡，性格鮮明，形象飽滿，堪稱人世間的完美的理想人格。蘇東坡一生卷在政... 2023-01-26
生活三足金烏有多強
-這是如斯精舍的第166篇文章-文丨舞雩大家好，國學趣談欄目又和大家見面了。人類對太陽神的崇拜由來已久，世界各地便有五大太陽文化崇拜地，如西方的阿波羅太陽神和秘魯的印蒂太陽神等，而中國的太陽神是誰？傳說中有太昊、少昊、羲和、帝俊等，到目前... 2023-02-17
生活榴蓮分類及等級
榴蓮分類及等級?榴蓮共分為A、B、C級A級榴蓮的表面是四四方方的，沒有磕傷碰傷，并且果肉非常飽滿，而且外觀飽滿圓潤其次是B級榴蓮，比較長、扁，外觀不規則而且還不能有蟲眼，不能有碰傷C級榴蓮，C級榴蓮是用來制作一些榴蓮糖的，這種榴蓮通常有凍傷... 2022-06-03
生活 qq音樂無法導入網易雲音樂的歌單
qq音樂無法導入網易雲音樂的歌單?來源：經濟日報-中國經濟網經濟日報-中國經濟網北京1月7日訊根據蝦米音樂發布的相關公告，2021年2月5日0點後，蝦米音樂App從應用商店下架停止所有音樂内容消費場景，僅保留賬号資産處理、網頁端音樂人提現服... 2022-12-04
生活上海的傍晚是幾點
日夜更疊每個時辰都是初心的堅守分秒過隙塑造着不同崗位上的熱愛與堅持當亘古不變的十二時辰遇上這群堅守崗位的“城市美容師”他們的一天如何度過？一起來看↓↓↓他們的這一天，從這一刻開始4：30點名淩晨4:30，當你還在夢鄉的時候，這群人已早早穿好... 2023-01-20
生活民用氣相色譜儀
民用氣相色譜儀?天然氣計量是天然氣生産、貿易、使用不可回避的問題其計量方法主要有體積計量法、質量計量法和能量計量法國外發達國家在天然氣國際貿易中采用的計量标準為能量計量法，而我國目前普遍采用的是體積流量法天然氣作為多組分混合氣體，産地不同，... 2023-03-15
生活空腹血糖5.5餐後血糖8.6這正常嗎
糖尿病病友群裡經常會有這樣的問題，怎麼辦？怎樣處理，要不要吃藥？要不要住院？語氣焦急的很，卻不想着要到醫院裡讓醫生詳細了解自己的情況，從而給出恰當的處理。因為不太了解提出這個問題人的具體情況，并且這個問題也就有一定的普遍性，孫醫生就從多個方... 2023-04-03
生活柔順劑是什麼東西
柔順劑是什麼東西?柔順劑，通常指衣物柔順劑，也叫衣物護理劑，是一種洗滌護理用品适用于織物洗滌護理過程中配合洗滌劑使用，起到使織物柔軟、蓬松、消除靜電作用的洗滌護理用品，今天小編就來聊一聊關于柔順劑是什麼東西?接下來我們就一起去研究一下吧!柔... 2022-06-17
生活 20年代的老廣州
廣州是一座擁有2200年悠久曆史的城市，自1978年改革開放以來發展迅猛。一座座高樓大廈、大型商圈如雨後春筍般滋生...然而時過境遷，随着時代更疊，信息科技的不斷發展。許許多多廣州的老物，也悄然間發生了翻天覆地的變化。甚至消失了...那些已... 2023-01-12
生活經常感到有點胸悶是怎麼回事
說到胸悶，很多人都有過這方面的經曆，感覺到呼吸不暢，甚至需要捶幾下，才能有所緩解，尤其是中老年人，更容易出現。偶爾有一次，倒也沒有什麼問題，但是經常出現胸悶，需要注意了，這樣的異常，或暗示一些疾病将要到來，尤其是一些人因為胸悶喘不過氣來，更... 2023-03-22
生活十首蘇轼詞人間萬事不過如此
人生真可謂百種滋味在心頭。有的人隻是随着時間的大流，糊裡糊塗的過完此生；而有些人卻從中領悟到了人生的千百滋味，賦之于詩詞中，最後成就了優美的詩篇。-01-看破人生路，萬事轉頭空。《西江月·平山堂》三過平山堂下，半生彈指聲中。十年不見老仙翁，... 2022-11-23
生活江蘇省十大品牌電纜
什麼是護套線護套線結構示意圖護套線是指帶有護套層的單芯或多芯電線，帶護套的較安全。說白了，我們最常用的“護套線”，一層白色聚氯乙烯護套，裡面套着幾根BV線。這種線一般是銅芯導線，除了導線外面有一層絕緣層外，導線外面還有一層保護層。常用的護套... 2023-03-14
生活風和日麗的意思
風和日麗的意思?風和日麗，漢語成語，拼音是fēnɡhérìlì，意思指和風習習，陽光燦爛形容晴朗暖和的天氣，今天小編就來聊一聊關于風和日麗的意思?接下來我們就一起去研究一下吧!風和日麗的意思風和日麗，漢語成語，拼音是fēnɡhérìlì，意... 2022-06-18

tft每日頭條

> 生活

> html怎麼調高度最佳

html怎麼調高度最佳

html怎麼調高度最佳

相关生活资讯推荐

热门生活资讯推荐

网友关注