我即将购买一台具有 1900x1200 分辨率屏幕和 283 ppi（每英寸像素）的新平板电脑。
当我们使用 bootstrap 开发时，我们可以看到 tablet 的断点大约是 750px 宽。
拥有这么大分辨率的平板电脑，我的网站会适应宽屏吗，还是会因为分辨率而在 8 英寸屏幕上看到整个网站没有响应变化？
【问题讨论】：
您的真实分辨率（物理）和虚拟（视口）分辨率是两个不同的东西。
该网站应该可以帮助您了解任何设备的视口有多大：http://viewportsizes.com/
至于“平板电脑的引导断点”，它只是一个名称。 Bootstrap 实际上是关于xs、sm、md 和lg 断点。它不使用任何设备检测机制，它所基于的只是viewport width。
示例：
因此，如果您确实有Samsung Galaxy Tab 8.9，其横向视口宽度为1280 px，您的横向网站将看起来像我的笔记本电脑具有1280px 宽度屏幕。但是在纵向上，您的 Galaxy Tab 将使用其他断点，因为它只有 800 px 宽度。
#2 示例：
在their website 上，Apple 表示iPad Air 的分辨率为2048x1536 像素。但正如我们所知，iPad 是“Retina”设备，所以它的实际分辨率大小是视口的两倍（所以物理分辨率是虚拟分辨率的 4 倍）。正如我们在http://viewportsizes.com/?filter=ipad%20air 上看到的（任何使用 iPad 的人都可以使用 JavaScript 检查），实际上它有一个可笑的1024x768 像素。
【讨论】：
我得到的一个具体例子：
Nexus 7 2013 的分辨率为 1920×1200 (323ppi)，虚拟分辨率为 960dp × 600dp。
【讨论】：