Responsive design 全高清平板电脑和响应能力

我要买一台新的平板电脑，它有一个1900x1200分辨率的屏幕和283 ppi（每英寸像素）

当我们使用bootstrap开发时，我们可以看到平板电脑的断点大约是750px宽

---

拥有如此高分辨率的平板电脑，我的网站会适应宽屏幕吗？或者我会看到整个网站在8英寸屏幕上由于分辨率而没有响应性的变化吗？

我得到了一个具体的例子：

分辨率为1920×1200（323ppi），虚拟分辨率为960dp×600dp

在Chrome浏览器Javascript报告中，分辨率为：

• 917x513纵向
• lanscape中的449x217

引导程序2断点报告：

• 纵向的手机视口
• lanscape中的Tablet视口

真实分辨率（物理）和虚拟分辨率（视口）是两种不同的东西

此网站应帮助您了解任何设备的视口有多大：

至于“平板电脑引导断点”，它只是一个名字。引导实际上是关于

xs

，

sm

，

md

和

lg

断点。它没有使用任何设备检测机制，它只基于

视口宽度

示例：

因此，如果你在横向视图中有
Samsung Galaxy Tab 8.9
的视口宽度为
1280 px
，那么你在横向视图上的网站看起来就像我的笔记本电脑上有
1280px
宽度屏幕。但在纵向视图中，你的Galaxy Tab将使用其他断点，因为它只有
800 px
宽度

#2示例：

在上，苹果称iPad Air的分辨率为2048x1536

像素。但正如我们所知，iPad是“视网膜”设备，所以它的实际分辨率是视口的两倍（因此物理分辨率比虚拟分辨率大4倍）。正如我们在上看到的（任何使用iPad的人都可以使用JavaScript检查）事实上，它有一个可笑的

1024x768

像素。

它将是响应性的，因为大多数移动浏览器都报告了一个虚拟的分辨率，但它有1200像素宽，我会在一个小屏幕上看到整个网站，使用超级字体吗？还是会像我们最小化浏览器窗口一样进行调整？它很可能会调整显示肖像平板电脑l请注意，字体将出现在283ppi解决方案中，以供您回答。帮助澄清了我对解决方案的疑问。感谢您的回复。也很有启发性