时间：2024-02-13 21:55:01 | 来源：网站运营
时间：2024-02-13 21:55:01 来源：网站运营
网页字体自适应屏幕大小方案和各自优劣？：无论是哪种方法，说白了，其实就是修改页面中的文字大小，以及元素的大小，让页面已更适合的方式去展示。在 1920*1080 的分辨率上设计网页那么设计的时候，是以 1920*1080 大小来设计的吗？每个元素的大小是多少？文字大小是 12px 还是 15px 呢？
在 4k 屏幕上打开，字体变得非常小这不是很正常的吗？4k 屏幕的分辨率，最大有 3000+，几乎是你当时设计时的 2 倍。
在线咨询
@mediea 来判断当屏幕大小超过某个界限值的时候，将所有的 width、height 以及 font-size 的值换一个单位来表示，比如 vh / vw / % / em / rem 等等。这样就可以在尽可能保证在页面布局不动，而对页面进行放大了。transform: scale(2); 这样把 body 整个放大。那么就不需要考虑那些所谓的单位改变了。@media 来判断或者通过 vh 等单位来实现就好了；rem 和 js 计算；关键词：方案,字体,适应,屏幕
