全高清平板电脑和响应能力
Full Hd Tablet and responsiveness
我正准备购买一款屏幕分辨率为 1900x1200 且分辨率为 283 ppi(每英寸像素)的新平板电脑。
当我们用bootstrap开发时,我们可以看到tablet的断点大约是750px宽。
拥有如此大分辨率的平板电脑,我的网站是否会适应宽屏幕,或者我会看到整个网站在 8" 屏幕上由于其分辨率而没有任何响应变化?
我得到的一个具体例子:
Nexus 7 2013分辨率为1920×1200(323ppi),虚拟分辨率为960dp×600dp
在 Chrome 浏览器中 Javascript 报告分辨率:
- 纵向 917x513
- 横向 449x217
Bootstrap 2 断点报告:
- Phone 纵向视口
- 横向平板电脑视口
您的真实分辨率(物理)和虚拟(视口)分辨率是两个不同的东西。
此站点应该可以帮助您了解任何设备的视口有多大:http://viewportsizes.com/
至于"Bootstrap breakpoint for tablet",只是一个名字而已。 Bootstrap 实际上是关于 xs
、sm
、md
和 lg
断点。它不使用任何设备检测机制,它仅基于viewport width
。
示例:
因此,如果您的 Samsung Galaxy Tab 8.9
横向视口宽度为 1280 px
,那么您的横向网站在我的笔记本电脑上看起来就像屏幕宽度为 1280px
。但是在纵向上,您的 Galaxy Tab 将使用其他断点,因为它只有 800 px
宽度。
#2 示例:
在 their website, Apple says that iPad Air
has resolution of 2048x1536
pixels. But as we know, iPad is 'Retina' device, so it's real resolution sizes are twice as long, as it's viewport (so physical resolution is 4 times bigger than virtual). And as we see on http://viewportsizes.com/?filter=ipad%20air 上(iPad 的任何人都可以用 JavaScript 检查),实际上它有一个可笑的 1024x768
像素。
我正准备购买一款屏幕分辨率为 1900x1200 且分辨率为 283 ppi(每英寸像素)的新平板电脑。
当我们用bootstrap开发时,我们可以看到tablet的断点大约是750px宽。
拥有如此大分辨率的平板电脑,我的网站是否会适应宽屏幕,或者我会看到整个网站在 8" 屏幕上由于其分辨率而没有任何响应变化?
我得到的一个具体例子:
Nexus 7 2013分辨率为1920×1200(323ppi),虚拟分辨率为960dp×600dp
在 Chrome 浏览器中 Javascript 报告分辨率:
- 纵向 917x513
- 横向 449x217
Bootstrap 2 断点报告:
- Phone 纵向视口
- 横向平板电脑视口
您的真实分辨率(物理)和虚拟(视口)分辨率是两个不同的东西。
此站点应该可以帮助您了解任何设备的视口有多大:http://viewportsizes.com/
至于"Bootstrap breakpoint for tablet",只是一个名字而已。 Bootstrap 实际上是关于 xs
、sm
、md
和 lg
断点。它不使用任何设备检测机制,它仅基于viewport width
。
示例:
因此,如果您的 Samsung Galaxy Tab 8.9
横向视口宽度为 1280 px
,那么您的横向网站在我的笔记本电脑上看起来就像屏幕宽度为 1280px
。但是在纵向上,您的 Galaxy Tab 将使用其他断点,因为它只有 800 px
宽度。
#2 示例:
在 their website, Apple says that iPad Air
has resolution of 2048x1536
pixels. But as we know, iPad is 'Retina' device, so it's real resolution sizes are twice as long, as it's viewport (so physical resolution is 4 times bigger than virtual). And as we see on http://viewportsizes.com/?filter=ipad%20air 上(iPad 的任何人都可以用 JavaScript 检查),实际上它有一个可笑的 1024x768
像素。