我的新电脑具有 2880x1800 像素分辨率和 175% 的屏幕放大率 - 现在我在我们的公司网页上注意到公司徽标变得非常像素化。当访问者的屏幕和屏幕放大率很高时，我们如何使用纯 CSS 或 HTML“检测”以显示更高分辨率的徽标？我们必须依赖 Javascript - 甚至有可能做到这一点吗？
user152949
问问题
89 次
2 回答
1
您可以使用以下代码：
<link rel="stylesheet" media="screen and (min-device-width: 1500px)" href="1500.css" />
它只针对水平分辨率 > 1500px 的设备。
检测浏览器缩放并不是那么简单。我认为这个 SO 问题足以处理它。
于 2012-12-23T13:57:04.970 回答
1
这不是一个容易解决的问题。你有几个选择。这是 Chris Coyier 的综述。
就个人而言，我会遵循Dave Rupert的方法，使用大约 1.5 倍显示大小的图像。这当然是最简单和最明智的解决方案。
img {width: 200px; height: 200px;}
<img src="http://placehold.it/300x300" />
于 2012-12-23T14:03:34.257 回答