2021-06

25

新的响应式网站建设
  • 类型:网站建设
  • 编辑:尼高GARY
  • 来源:https://www.szniegoweb.com
  • 你当前位置:首页 - 尼高动态 - 网站建设

    网站建设发展到今天,当使用“响应式设计”这个术语时,您很可能会在将设计从移动设备尺寸调整为平板电脑尺寸,再到桌面尺寸时考虑使用媒体查询来更改布局。但很快,这种响应式设计的观念可能会被认为与使用表格进行页面布局一样过时。


    网站建设

    基于视口的媒体查询为您提供了一些强大的工具,但缺乏很多技巧。它们缺乏响应用户需求的能力,也缺乏将响应式样式注入组件本身的能力。您可以使用全局视口信息来设置组件的样式,但它们仍然不拥有自己的样式,当我们的设计系统基于组件而不是基于页面时,这不起作用。

    好消息是,生态系统正在发生变化,而且变化非常迅速。CSS 在不断发展,响应式设计的新时代即将到来。我们看到这种情况大约每 10 年发生一次。10 年前,大约 2010-2012 年,我们看到了移动和响应式设计的巨大变化,以及 CSS3 的出现。所以它再次证明,生态系统已经准备好迎接 CSS 发生的一些相当大的变化。Chrome 和整个 Web 平台的工程师正在为响应式设计的下一个时代设计原型、规范并开始实施。

    这些更新包括基于用户偏好的媒体功能、容器查询以及针对新屏幕类型(例如可折叠屏幕)的媒体查询。CSS 中最令人兴奋的新兴领域之一是容器查询,通常也称为元素查询。很难低估从基于页面的响应式设计到基于容器的响应式设计的转变将对设计生态系统的发展产生什么影响。