jquery – 我是否必须为我的网站可以查看的每个屏幕大小编写媒体查询,还是有替代方案？

我不确定你在寻找什么样的替代品. “响应式设计”意味着“响应其环境的设计”.要做到这一点,你需要一些东西,让你说“如果环境是X,做Y”.这就是媒体查询的作用.

这将是！那不是主意.网络不像那样工作. HTML及其布局系统尽可能设计为可在几乎任何设备上查看,运行各种不同的软件(网络浏览器,屏幕阅读器,盲文显示器,搜索引擎爬虫等).

例如：默认情况下,块级元素占用尽可能多的水平空间.您不需要为每个可能的屏幕大小编写媒体查询来让他们这样做,他们只是这样做.

布局的断点应该更多地基于所布置的@L_772_13@而不是基于不同设备的大小.有几篇很好的文章概述了这种方法：

> http://www.smashingmagazine.com/2013/03/01/logical-breakpoints-responsive-design/
> http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/
> http://www.markboulton.co.uk/journal/theinbetween

如果您为每个略有不同的屏幕尺寸编写新样式,那么您可能做错了.

您可以查看常用设备的屏幕尺寸以告知您的设计决策,但维基百科已经列出了这些设置,并将在新设备推出时继续这样做.

制作适用于许多不同视口的设计并不容易,但这并不是因为媒体查询的工作方式.这是一项固有的艰巨任务.