markdown 在Safari上扩展SVG

Posted 2021-05-05

# Scale SVG on Safari

[SOURCE](https://stackoverflow.com/a/24303532/1602807),
[SOURCE](https://css-tricks.com/scale-svg/)

Safari has trouble scaling SVG image so it will distort image if use with attribute like `object-fit: cover;`. To fix this add `preserveAspectRatio="none"` to the `<svg>`:

```
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
```