我的新电脑的分辨率为2880x1800像素，屏幕放大率为175％ - 现在我在公司网页上注意到，公司徽标变得非常像素化。当访问者具有高结果屏幕和屏幕放大率时，我们如何使用纯CSS或HTML“检测”以显示更高分辨率的徽标？我们必须依赖Javascript - 甚至可以这样做吗？
答案 0 :(得分：1)
您可以使用此代码：
<link rel="stylesheet" media="screen and (min-device-width: 1500px)" href="1500.css" />
仅针对＆gt;设备定位1500px水平分辨率。
检测浏览器缩放并非如此简单。我认为this SO question可以充分处理它。
答案 1 :(得分：1)
这不是一个容易解决的问题。你有几个选择。这是Chris Coyier的roundup。
就个人而言，我会遵循Dave Rupert的方法，使用的图像大约是显示尺寸的1.5倍。这当然是最简单，最安全的解决方案。
img {width: 200px; height: 200px;}
<img src="http://placehold.it/300x300" />