javascript - 网页如何适配大屏幕？

问题描述

问 题

如题

如果一个网页 不仅需要在一般的电脑显示器上显示，而且还需要在大屏幕设备上显示（比如 50多寸的显示器 ）

我的图片可以用百分比来适配屏幕
但是我的字体呢？
还有一些按键是否应该因为屏幕变大而变大呢？

解决方案

字体可以用em/rem搭配媒体查询来适配，但很多大屏其实分辨率是不会跟着提高的，这种情况下字体其实是跟着放大的（想象下同样是1920x1080分辨率，在19寸屏和50寸屏显示，后者其实就是直接放大），所以大多数情况下，只要做一套最高分辨率的适配就行了，或者叫面向分辨率适配。

这篇关于javascript - 网页如何适配大屏幕？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！