问题 最近在写 svg 时发现，当我需要一个全屏的 svg 动画效果时，基于 viewBox 中的数字写了动画，需要从屏幕正中间向两侧展开的这么个动画效果，但是到了浏览器中永远到不了边上，总是留下一片空白。 开始以为是 padding 之类的属性，后来发现 svg 本身并不包含这些属性啊，奇了怪了。上 MDN 翻了一下，发现有一个 preserveAspectRatio 属性，突然豁然开朗，原来是宽高比的问题，原谅我 div 写多了确实比较少考虑宽高比这样的问题了。 解决方案 在 MDN 中就写的很清楚： 有时候，…