KPO*_*KPO 4 css jquery html5 css3 responsive-design
我是一名初级前端开发人员,刚开始研究响应式设计.虽然媒体查询的想法让我兴奋,但当你没有足够的断点时会发生什么？
在大多数情况下,你可以假设有人有iPhone或iPad,但其他平板电脑和手机以及不同的Mac/PC屏幕尺寸呢？为每个屏幕尺寸编写媒体查询将是一项疯狂的任务.
那么,是否有另一种方法可以在没有媒体查询的情 或者我误解了如何使用媒体查询？
我不确定你在寻找什么样的替代品."响应式设计"意味着"响应其环境的设计".要做到这一点,你需要一些东西,让你说"如果环境是X,做Y".这就是媒体查询的作用.
为每个屏幕尺寸编写媒体查询将是一项疯狂的任务
这将是!那不是主意.网络不像那样工作.HTML及其布局系统尽可能设计为可在几乎任何设备上查看,运行各种不同的软件(网络浏览器,屏幕阅读器,盲文显示器,搜索引擎爬虫等).
例如:默认情况下,块级元素占用尽可能多的水平空间.您不需要为每个可能的屏幕大小编写媒体查询来让他们这样做,他们只是这样做.
布局的断点应该更多地基于所布置的内容而不是基于不同设备的大小.有几篇很好的文章概述了这种方法:
如果您为每个略有不同的屏幕尺寸编写新样式,那么您可能做错了.
你可以看一下流行的设备的屏幕尺寸,告知您的设计决策,但维基百科已经列出了这些,并且将继续这样做,到未来的新设备问世.
制作适用于许多不同视口的设计并不容易,但这并不是因为媒体查询的工作方式.这是一项固有的艰巨任务.
| 归档时间： |
|
| 查看次数： |
548 次 |
| 最近记录： |