html - em中的标题 Logo 大小

Question

我有一个网站标题，其徽标大至64px×64px，所以这是<style>中的内容：

header img {
  width: 64px;
  height: 64px;
}

将width和height值设置为4em是一个好主意，以便徽标在不同设备上更具响应性和可伸缩性吗？我知道它在字体上很常见，但是我想知道在图像上是否也有意义。

Answer 1

我总是给他们两个不同的尺寸。一种用于最大宽度767像素和最小宽度768像素。此外，如果可能的话，我建议您使用SVG，以便在人们使用像素分辨率为2k或4k的手机时使用。您不必担心它看起来会模糊。