对不起我的英语不好...
看看下面的代码
img { max-width: 100%; } #avatar-img { border-radius: 50%; display: block; }
这是输出。它不完全四舍五入
现在的问题是如何圆这个形象?什么是错与此代码?
您使用border-radius的百分比值,但高度和图像的widht是不一样的。这是合乎逻辑的两个值的百分比这是不一样的给你不同的结果,因此它是不是圆的。
border-radius
如果你想让它全面使用图像,其中宽度和高度都是相同的。您可以设置width和height相同的值
width
height
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
点击生成二维码
我来说两句