我不知道我是否误解了屏幕分辨率工作的基本原理，但我遇到了Kindle Fire HD（7英寸）的问题。
我有一个响应式设计的页面，像往常一样，它使用CSS媒体查询来更改某些元素的表示。这在所有测试的浏览器和设备上都能正常工作，但使用Kindle Fire HD（7英寸）浏览时除外(http://en.wikipedia.org/wiki/Kindle_Fire_HD)它的屏幕分辨率为1280 x 800px。当我使用WURFL的测试工具在tools.scientiamobile.com.上检查设备时，也会验证这一点
所以。。。我为设置了断点屏幕宽度
- "mobile"-767px及以下
- "平板电脑"-768-989像素
- "桌面"-990px及以上
所以我希望Kindle Fire能以纵向的"平板电脑"模式或横向的"桌面"模式显示我的页面。然而，它却以出乎意料的更小的断点显示：纵向的"移动"模式和横向的"平板电脑"模式。
仔细观察，我不确定这是否真的与我的网页或其CSS有多大关系。在使用该设备时，我似乎也看到了其他RWD站点的"较小"断点视图（例如，在人像模式下，我看到了getbootstrap.com的"微小"断点视图，其目标为767px及以下）。
奇怪的是，当使用JavaScript检测屏幕大小时，我得到了534 x 854px（我也在supportdetails.com等其他网站上再次测试了这一点，并得到了相同的结果）。
我没有发现任何关于该设备的类似问题，所以我想知道a）是否有人遇到过类似的问题，或者b）我是否只是误解了不同设备检测屏幕分辨率的关键问题。
谢谢！
在进行媒体查询时，需要考虑CSS像素比率。
您需要在媒体查询中使用的值=（广告像素数）/（CSS像素比率）。
这个维基百科页面是CSS像素比率的一个很好的来源，用于此：
http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density
好运