我一直致力于使用twitter bootstrap创建响应式网站。为了了解我的网站如何处理不同的决议，我使用了his google chrome extension。
我收到这篇文章，它告诉我Nexus 7的分辨率是1200 x 800. This告诉我，我的Nexus 4的分辨率是1280 x 768.
但是，当我在插件上设置这些分辨率时，网站在浏览器上的外观与在设备上的不同。我的Macbook Pro然后在我的Nexus 7上的分辨率似乎更高，因为当使用1200 x 800的浏览器尺寸时，笔记本电脑的效果会更好。
移动设备似乎有较小的显示屏报告。似乎Nexus 4显示器有时只有（大约）480px宽。
为什么？
我有预感，它与ppi有关。但如果是这种情况，我如何在笔记本电脑上以适当的对应方式测试响应式设计？是否有一个公式我可以用来确定要测试它的浏览器窗口大小？
答案 0 :(得分：2)
确保使用视口标记<meta name="viewport" content="width=device-width,initial-scale=1.0">。关键是width=device-width部分。见this MDN article on the how this works。
答案 1 :(得分：0)
Nexus4的分辨率为768 * 1280像素，像素比为2。 这意味着，您只有768 * 1280个真实像素（物理） 768 / 2,2280 / 2 =＆gt; 384 * 640 px软件分辨率即应用程序内分辨率即浏览器分辨率。 为什么？因为＆＃34;趋势＆＃34; ppi疯狂和一些神秘的人看到＆＃34;像素＆＃34; （从来没有见过那些像素，即使是渴望的勇敢）。人们生病了，所以制造商就这样做了。