【发布时间】：2020-03-19 19:54:00
【问题描述】：
基本上我正在编写一个 Web 应用程序（使用 Bootstrap，因此它是响应式的），它将使用微型手持扫描仪进行访问，特别是这个：
https://www.zebra.com/us/en/products/spec-sheets/mobile-computers/handheld/tc25.html
我需要确保显示器适用于台式机和手持设备，因此了解这一点很重要。
在那里，它的显示规格为“4.3 英寸彩色 WVGA (800x480)；LED 背光；康宁大猩猩玻璃”
现在在使用 chrome 工具（模拟设备）时，我需要输入宽度和高度（我这样做是为了确保 CSS 自动正确调整）。现在我需要知道的是宽度和高度。
我认为第一个数字 (800) 应该是宽度，第二个数字应该是高度 (800)，但这是不正确的，除非他们将规范放回其网站的前面？
我怀疑它应该在 480 X 800 的 chrome 工具中，因为这样看起来更逼真。有人会在这里纠正我或指出我是否遗漏了一些明显的东西吗？
这是 Chrome 中两种设备配置的图片：
这是另一个维度（这被认为是错误的！）
当我尝试研究这个问题或发现自己时，我一直被告知第一个维度是看起来不正确的宽度。
这是设备本身的图片：
【问题讨论】：
-
垂直放置时 480x800 显然是正确的顺序。
标签： css google-chrome-devtools