在大型显示器上，文本变得不可读

Question

 <div id='divMenuT'>
    <div class='m1'><a href="index.php">Home</a></div>
    <div class='m1'>Archive</div>
    <div class='m1'>Cinema</div>
    <div class='m1'>Hora</div>
  </div>

css

#divMenuT{
    font-size: 14px;
}  

我的显示器是1024x768px。我在本站上测试了这个页面

如果测试的大小是1024x768或更小，似乎没问题，但是如果测试的大小更大(例如，1660x1050)，顶部菜单上的文本就会变小，无法读取。

我尝试了百分比和视图字体大小-没有结果。菜单在大屏幕上总是不可读的，然后是1024x768。

因此，我如何保持文本的可读性，在所有显示器大小。

顺便说一句，如果文本在更大的显示器上变小了，为什么小显示器上的文本不变大呢？

您可以看到我的实时测试页面这里。

Answer 1

尝试使用em指定字体大小

另一种设置字体大小的方法是使用em值。em值的大小是动态的。定义字体大小属性时，em等于应用于所述元素的父元素的字体大小。如果您没有在页面上的任何地方设置字体大小，那么它就是浏览器的默认值，可能是16 is。默认情况下，1em =16 So，2em =32 So。如果在body元素上设置字体大小为20 If，则1em =20 If和2em =40 If。请注意，值2实质上是当前em大小的乘数。

为了计算任何所需像素值的em等效值，可以使用以下公式：

em = desired element pixel value / parent element font-size in pixels

链接到这个