SVG徽标模糊

时间:2020-09-15 12:01:53

标签: html css svg

我的svg徽标在非视网膜屏幕上模糊:

html:

<img src="/dist/images/logos/color-logo.svg"  class="nav-color-logo">

css:

.nav-color-logo {
    width: 123px;
    height: auto;
    position: relative;
    left: 14px;
}

我正在使用CSS做的任何事情都会影响它吗?它的大小完全不受其包含框的约束

此外,图像的固有尺寸为166x53,因此'width:123px'声明似乎确实导致高度具有十进制值-这是问题吗?如果是这样,很奇怪的是它在我的本地上清晰显示,只有从服务器发送时才模糊

这篇文章让我想知道它的位置或大小是否可以发挥作用:svg not sharp, but blurry

0 个答案:

没有答案