時間：2024-02-13 21:55:01 | 來源：網(wǎng)站運營
時間：2024-02-13 21:55:01 來源：網(wǎng)站運營
網(wǎng)頁字體自適應(yīng)屏幕大小方案和各自優(yōu)劣？：無論是哪種方法，說白了，其實就是修改頁面中的文字大小，以及元素的大小，讓頁面已更適合的方式去展示。在 1920*1080 的分辨率上設(shè)計網(wǎng)頁那么設(shè)計的時候，是以 1920*1080 大小來設(shè)計的嗎？每個元素的大小是多少？文字大小是 12px 還是 15px 呢？
在 4k 屏幕上打開，字體變得非常小這不是很正常的嗎？4k 屏幕的分辨率，最大有 3000+，幾乎是你當時設(shè)計時的 2 倍。
在線咨詢
@mediea 來判斷當屏幕大小超過某個界限值的時候，將所有的 width、height 以及 font-size 的值換一個單位來表示，比如 vh / vw / % / em / rem 等等。這樣就可以在盡可能保證在頁面布局不動，而對頁面進行放大了。transform: scale(2); 這樣把 body 整個放大。那么就不需要考慮那些所謂的單位改變了。@media 來判斷或者通過 vh 等單位來實現(xiàn)就好了；rem 和 js 計算；關(guān)鍵詞：方案,字體,適應(yīng),屏幕
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
