【发布时间】：2015-05-04 22:23:37
【问题描述】：
我有一个页面，上面只有一张图片。 我有四个版本的图像，一个用于每个默认的 Bootstrap 3 断点。 使用桌面浏览器时，图像的行为与我预期的差不多（在不同的屏幕尺寸下显示图像的正确版本）。 但是当我在其他设备（Galaxy S2 手机、Nexus 7 平板电脑、iPad 视网膜显示屏）上进行测试时，我没有得到预期的结果。
例如，Galaxy S2 手机声称拥有 480x800px 的屏幕。 Bootstrap 文档 (http://getbootstrap.com/css/#grid) 说小屏幕设置是由 >=768px 触发的，所以我应该在横向时看到 S2 中的小屏幕图像，但它使用的是超小 (XS) 图像。
我在 Nexus 7 上遇到了类似的问题。文档说它的屏幕是 1920x1200，所以我应该在任一方向上看到大屏幕图像，但我在纵向上看到中等图像。
与 iPad 类似。文档说屏幕应该是 2048x1563，但是是纵向的，我看到的是小屏幕图像，而不是中的或大的。
我错过了什么？ 这些设备报告的屏幕尺寸是否不同？
【问题讨论】：
标签： css twitter-bootstrap responsive-design