我应该使用多少媒体查询？在什么宽度？

Question

我希望我的设计更有效率。

我很遗憾地有5种不同的媒体查询，并认为这有点太多了。 是否有太多的工作涉及更多的媒体查询？

我应该在什么像素数量下进行媒体查询：

我假设需要：

• 典型的移动设备（px多少？）
• 平板电脑（px多少？）
• 一本网书（px多少？）
• 一台笔记本电脑（px多少？）
• 也许更大的东西（多少个px？）

有人能告诉我媒体查询应该以什么像素运行吗？ 我知道我需要使用％centages，但是当我在屏幕中间有一个巨大的标题时，我需要使用查询（或讨厌的javascript）。

Answer 1

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

我建议使用此列表来大致了解您应该使用哪些像素。 根据您布置网站的方式，您可能需要使用更多或更少的查询，因为您只需要查询网站的每个单独布局/设计。基本使用的一个很好的选择是智能手机，平板电脑，标准屏幕，高清屏幕或4。