在 Chrome 中模拟高分辨率屏幕？
fek*_*lee 7 browser firefox html google-chrome windows-xp
如何1024px在 Windows XP 上的 Chrome 26 中的 XGA 屏幕 ( )上显示宽屏宽网站。当然，我可以在 Chrome 中缩小，但是< 1220px媒体查询仍然会触发，无赖！所以我没有得到>= 1220px网站的版本。
我能做什么？
使用 Firefox，它可以工作：我缩小，然后>= 1220px媒体查询触发，太棒了！但这不是 Chrome，我也想在 Chrome 上测试网站。
测试网页的源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>Test</title>
<link rel="stylesheet" type="text/css" media="screen" href="index.css">
<style>
p {
color: black;
}
@media (min-width: 1220px) {
p {
color: red;
}
}
</style>
<script>
window.addEventListener("resize", function () {
console.log(window.innerWidth);
});
</script>
</head>
<body>
<p>Turns red for window width >= 1220px</p>
</body>
</html>
为了完整起见，我想提一下，使用 Chrome 的开发人员工具，可以通过指定精确的屏幕分辨率来覆盖设备指标。在屏幕截图中，选择了一个附加选项：适合窗口
然而，至少在 Chrome 26 中，更改设备指标不会影响媒体查询（不再影响？）。因此，在撰写本文时，这不是解决方案。
