首页
/
每日頭條
/
生活
/
html怎麼調高度最佳
html怎麼調高度最佳
更新时间:2024-10-01 00:20:55

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

html怎麼調高度最佳(20rem适配方法如何計算)1

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 編輯器插件開發時,單位計算複雜。

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
90白鴨絨和95白鴨絨的區别
90白鴨絨和95白鴨絨的區别
鴨絨含量不一樣,90白鴨絨比95絨的含絨量低。鴨絨被95%絨比90%絨更暖和。價格不一樣,一般情況下,含絨量越高,價格就越貴。95白鴨絨更輕,因為鴨絨的含量差異,所以在重量上也是有差異。羽絨被的特點:一,羽絨被的保暖性高,彈性強,蓬松度高,而且具有輕。柔。軟的特點。以含絨率為50%的羽絨測試,它的輕...
2024-10-01
藥漬如何清洗小妙招
藥漬如何清洗小妙招
1、洗衣液:在衣服幹的時候,用洗衣液原液塗抹在污漬處,完全覆蓋污漬,靜置5分鐘後(可輕輕搓洗),加入...
2024-10-01
qq還原應用了QQ相冊會不會被删除
qq還原應用了QQ相冊會不會被删除
1、手機版qq清除數據,隻是針對本身從網絡上緩存下來的數據,手機qq儲存的圖片和照片,并不在這個範圍...
2024-10-01
茴香粑粑怎麼做
茴香粑粑怎麼做
1、準備好用料:新鮮茴香适量,糯米粉适量,火腿(臘肉或香腸也可)适量,食用油。2、茴香适合用老一點的,不需要剁得太碎,火腿或者臘肉或者香腸也剁碎。3、三樣食材摻在一起,不需要鹽,因為無論是火腿還是臘肉都有鹹味了。4、加入水攪拌均勻,一定不能加多了,一定要盡量幹一些,因為糯米餅遇熱後會變得很軟。5、團...
2024-10-01
空氣加濕器怎麼挑選
空氣加濕器怎麼挑選
1、購買加濕器根據房屋面積選擇。太幹或太濕都不好,隻有科學加濕,才能更好地呵護你和家人的健康,所以房...
2024-10-01
Copyright 2023-2024 - www.tftnews.com All Rights Reserved