css - 无论屏幕分辨率如何，都保持 div 大小相同

Question

简单的问题，可能真的很明显，但是，我做了一个圆形的 div，它将是一个 floating action button .无论屏幕尺寸或分辨率如何，我都希望它的尺寸​​相同。例如，如果它在智能手机上是半英寸宽，我希望它在 iMac 上也是半英寸宽。我怎样才能做到这一点？

.fab {
    width: 58px;
    height: 58px;
    position: relative;
    border-radius: 50%;
    background: #F44336;
}

<div class="fab"></div>

Answer 1

有 6 种不同的单位，您可以在其中为元素指定宽度和高度。

cm ="厘米"

mm="毫米"

在="英寸"

px="像素"

pt="点数"

pc="picas"

这里前三个 cm、mm 和 in 是不依赖于屏幕分辨率等的单位。使用这三个单位之一代替px