Question

可能这是一个非常基本的问题，但是现在我真的很挣扎。我的电脑屏幕和电视具有相同的分辨率（1920x1080像素）。由于我认为相同的分辨率，30x30像素的图像与电视上的图像相同。但是在电视上它与网站的其他部分相比更大。当我使用em而不是px时也一样。所有以px或em为单位的文本都太大了。

有人能给我一个如何处理这个问题的提示吗？我的电视是索尼KDL-50W755C。

Answer 1

由于这两个屏幕的像素密度，您的元素看起来不一样。没有什么可做的，元素只在一个上看起来更大，但应该保留比例。

Answer 2

您可以使用视口相对单位，以使其在所有设备上显示相同。视口单位是视口尺寸的1％。这会将所有字体设置为视口宽度的4％。可能的视口单位是vw，vh，vmin，vmax。

:root {
  font-size: 4vw;
}