我正在制作一个响应式工作网站，并设计了一个漂亮的294x104 (px) 矢量徽标。我有一个 .PNG、一个 .SVG 和一个 .EPS 文件。
在网站上显示时，相同的图像会缩小到115x40 (px)。它在我的桌面上看起来很棒，但是当我在我的 Android 980p 屏幕上加载它时，我注意到图像看起来非常模糊和扭曲。
我一直在搞乱视口，这非常适合我的网站：
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
但它仍然是模糊的。然后，当我将矢量图像的大小调整为 115x40 像素时，它仍然显得模糊。我希望它像在台式机和移动设备上一样清晰。这样做有什么建议？
