我一直min-width: 600px在我的 CSS 媒体查询中使用我的断点。我的理由是，在 600 像素及以上我会捕获平板设备（Kindle Fire、iPad 等），低于 600 像素会捕获所有手机设备。
事实证明，虽然 iPhone 通过将像素翻倍表现不错，但仍报告为 320 像素 x 480 像素，但仍有大量 Android 手机的分辨率为 700 像素 x 1280 像素。问题是，如何在不给它们提供类似平板电脑的界面的情况下捕获这些设备？
通常我只会让内容响应设备的像素分辨率，但是，4.3 英寸屏幕上的 1280 像素布局看起来并不正确，特别是因为我的应用程序处理大量表单元素，这些元素在手机上您想跨越整个宽度，但在平板电脑或台式机上却没有。