CSS 实现特定比例的图形 之前写过一篇文章：《纯css实现宽高等比》利用的就是 padding 的百分比值参考的是包含块的宽度： 规范地址：w3 ，知乎上也有对这个问题的提问。 看下padding 的实例： CodePen Embed Fallback 注意下：蓝色块的 56.52% 相对的是父级的 300px 所以最后值为 168.75px，而不是相对自身的160px。 在回答里面看到一个新属性：aspect-ratio，用法与定义： 看下效果： CodePen Embed Fallback 这里的比例就是相对于自身的尺寸，而不是父级包含块的宽度。 打赏赞微海报分享
