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

Question

我即将购买一台分辨率为1900x1200的平板电脑和283 ppi（每英寸像素数）的平板电脑。

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

拥有这样一个巨大分辨率的平板电脑，我的网站会适应广泛的，或者我会看到整个网站没有响应的变化8＆＃34;屏幕由于其分辨率？

Answer 1

我得到的一个具体例子：

Nexus 7 2013的分辨率为1920×1200（323ppi），虚拟分辨率为960dp×600dp。

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

• 917x513 in portrait
• 449x217 in lanscape

Bootstrap 2断点报告：

• 纵向电话视口
• lanscape中的平板电脑视口

Answer 2

您的真实分辨率（物理）和虚拟（视口）分辨率是两回事。

此网站应该可以帮助您了解任何设备的视口大小：http://viewportsizes.com/

至于“平板电脑的Bootstrap断点”，它只是一个名字。 Bootstrap实际上涉及的是xs，sm，md和lg个断点。它不使用任何设备检测机制，它所基于的只是viewport width。

示例：
因此，如果您的横向视口宽度为Samsung Galaxy Tab 8.9的{​​{1}}，则您的横向网站将显示在我的宽度为1280 px的笔记本电脑上。但是在肖像上你的Galaxy Tab会使用其他断点，因为它只有1280px宽度。

＃2示例：
在their website，Apple称800 px的分辨率为iPad Air像素。但正如我们所知，iPad是'Retina'设备，所以它的实际分辨率大小是视口的两倍，因此物理分辨率是虚拟的4倍。正如我们在http://viewportsizes.com/?filter=ipad%20air上看到的那样（任何拥有iPad的人都可以使用JavaScript查看），实际上它有一个可笑的2048x1536像素。