css – 相对于用户的屏幕分辨率的字体大小?

前端之家收集整理的这篇文章主要介绍了css – 相对于用户的屏幕分辨率的字体大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个流畅的网站,菜单是其宽度的20%。我想要正确测量菜单的字体大小,因此它总是适合框的宽度,不会换行到下一行。
我正在考虑使用“em”作为一个单位,但它是相对于浏览器的字体大小,所以当我改变分辨率时,字体大小保持不变。

尝试也pts和百分比。没有什么工作,因为我需要它…

请给我一个如何继续的提示

解决方法

@media screen and (max-device-width : 320px)
{
  body or yourdiv element
  {
    font:<size>px/em/cm;
  }
}
@media screen and (max-device-width : 1204px)
{
  body or yourdiv element
  {
    font:<size>px/em/cm;
  }
}

你可以根据屏幕的屏幕尺寸手动给它。只有看不同的屏幕尺寸,手动添加字体大小。

猜你在找的CSS相关文章