Css 无论屏幕分辨率如何，保持div大小不变

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

.fab{
宽度：58px；
高度：58px；
位置：相对位置；
边界半径：50%；
背景#F44336；
}

---

有6种不同的单位可以为元素指定宽度和高度

cm=“厘米”

mm=“毫米”

英寸=“英寸”

px=“像素”

pt=“点数”

pc=“picas”

---

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

您可以在CSS中添加jsfiddle吗<代码>0.5英寸浮现在脑海中。甜蜜！我不知道你可以使用现实生活中的度量单位。请注意，在CSS的当前定义中，所有这些单位都是“现实生活”单位。pc为1/6英寸，pt为1/72英寸，px为1/96英寸。只是在低分辨率屏幕（如普通桌面显示器）上，1像素被四舍五入为一个硬件像素，而其他单位则相应地进行缩放。例如，如果您的显示器是110dpi，

1in

仍然是96像素，或大约0.87英寸。使用更高分辨率的设备（如打印机），近似效果更好。