Css 如何在本地笔记本电脑（1280*1024）中模拟大屏幕大小（5600*1050）并使用媒体查询

我想在本地笔记本电脑（1280*1024）上模拟大屏幕尺寸（5600*1050），并使用媒体查询

我尝试将meta viewport width设置为5600，但似乎不起作用。我希望包装器div应该是蓝色，因为视口宽度已经大于5600px

我的测试代码：

正文{
保证金：0；
溢出：自动；
}
.包装纸{
宽度：100px；
/*浮动：左*/
}
@介质（最小宽度：0px）和（最大宽度：5600px）{
.包装纸{
背景色：红色；
}
}
@介质（最小宽度：5600px）{
.包装纸{
背景颜色：蓝色；
}
}

文件
aaa
ddd

因此，您可以使用开发工具轻松完成此任务：

---

是否为您工作？

如果您使用Google Chrome，您可以使用开发工具来完成此操作。

第一步。按键盘上的F12键
第二步。单击“开发工具”窗口左上角的小移动设备图标。
第三步。在浏览器窗口顶部的设备选择下拉列表中选择“响应”。
第四步。将缩放设置为大约50%或更低，以便新的分辨率适合您的屏幕
第五步。单击并拖动响应窗口的边缘，直到达到所需的分辨率，或者在窗口顶部的输入框中输入分辨率。

---

有关更多信息，请参阅此链接：

。您可以定义资源和缩放级别。但它仍然存在一些问题，正如图片中添加的显示，右侧的位置有一个div，但我看不到它，是否可以通过任何方式显示滚动条，以便我可以看到100%缩放的所有屏幕？因此，我要补充的是，您可以将缩放设置为50%或手动设置所需的缩放resolution@ksav谢谢，差点忘了那部分。将其添加到我的答案中：）谢谢，但仍然存在一些问题，正如添加的图片所示，右侧有一个div，但我看不到它，是否可以显示滚动条，以便我可以100%缩放查看所有屏幕。@josh_wbs，我找到了一个网站，我想在chrome开发工具中模拟它：。谢谢，但它仍然存在一些问题，如图片附加显示，有一个div的位置在右侧，但我看不到它，是任何方式显示滚动条，使我可以看到所有屏幕在100%缩放得到它。更新你的代码给我看，这是可能的吗？当然，我有下面的更新代码。我在chrome开发工具中找到了一个我想要模仿的网站：quirktools.com/screenfly。非常感谢！我花了两天的时间在这上面，但是失败了……这是代码，你的问题是

initial scale=100

尝试更改为1