我一直在使用 min-width: 600px 作为我的CSS媒体查询中的断点 . 我的理由是，在600px及以上我会捕捉平板电脑设备（Kindle Fire，iPad等），600px以下会捕获所有手机设备 .
事实证明，虽然iPhone的像素增加了一倍，但仍然报告为320px x 480px，但有大量Android手机的分辨率如700px x 1280px . 问题是，如何在不给它们提供类似平板电脑的界面的情况下捕获这些设备？
通常情况下，我只是让内容响应设备的像素分辨率，然而，4.3英寸屏幕上的1280px布局看起来并不合适，特别是因为我的应用处理了大量的表单元素，这些都是在手机上你希望跨越整个宽度，但在平板电脑或台式机上却没有 .
2 回答
一个不错的选择是根据using ems为您的内容定制媒体查询，而不是任意设备像素大小 .
请使用响应式css框架来避免这种问题 . 我建议使用Foundation或Twitter Bootstrap