无论屏幕分辨率如何，保持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 =“厘米”

<强>毫米 = “毫米”

<强>在 = “英寸”

<强> PX = “像素”

<强> PT = “点”

<强> PC = “皮卡”

此处前三位 cm ， mm 和 是不依赖屏幕分辨率的单位等。请改用这三个单位中的一个 px