简单的问题,可能真的很明显,但是,我做了一个圆形的 div,它将是一个 floating action button .无论屏幕尺寸或分辨率如何,我都希望它的尺寸相同。例如,如果它在智能手机上是半英寸宽,我希望它在 iMac 上也是半英寸宽。我怎样才能做到这一点?
.fab {
width: 58px;
height: 58px;
position: relative;
border-radius: 50%;
background: #F44336;
}
<div class="fab"></div>
最佳答案
有 6 种不同的单位,您可以在其中为元素指定宽度和高度。
cm ="厘米"
mm="毫米"
在="英寸"
px="像素"
pt="点数"
pc="picas"
这里前三个 cm、mm 和 in 是不依赖于屏幕分辨率等的单位。使用这三个单位之一代替px
关于css - 无论屏幕分辨率如何,都保持 div 大小相同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30811779/