css|译文：开启新时代的响应式网页设计( 三 )
文章插图
配图：CSS 将基于各个层级来确定用户的最佳体验
考虑到这一点，这意味着我们现在可以使用基于页面的媒体查（包括跨越屏幕的细微差别）来设计宏观布局；使用容器查询的组件设计微观布局；使用基于用户偏好的媒体查询，根据用户独特的偏好和需求定制用户体验。
对于新的响应式设计，有许多新概念正在被原型化和概念化——请看下面的延伸阅读。
所有这些协同工作的方式需要我们从根本上转变我们对设计和用户独特体验的看法。我们需要更加适应这样一个事实：即我们的设计不是静态的，不仅在布局上，还有在用户可获得的体验中，我们需要学会在这种模糊性中做出计划。网页和设计的未来变得越来越复杂，我们需要适应和挑战自己，理解“新响应式”体验的意义。
进一步了解
- New media queries you need to know（LogRocket）
- Container Units should be pretty handy（CSS-Tricks）
- It’s time we say goodbye to pixel units
- Say Hello To CSS Container Queries
- Container Queries: a Quick Start Guide
作者：百度MEUX，百度移动生态用户体验设计中心，负责百度移动生态体系的用户/商业产品的全链路体验设计
本文由 @百度MEUX 原创发布于人人都是产品经理，未经许可，禁止转载
题图来自Unsplash，基于CC0协议
推荐阅读
- gt2|拼多多 realme 超品日开启，这些价格让人难以拒绝
- 小米12怎么打开空白通行证-小米12空白通行证开启教程
- 支付宝|支付宝集五福开启预热 上线“春节记忆”活动
- 日历|数字安全元年开启 360推出中国首本大安全日历
- 农村电商|绵阳北川：升级农村电商 开启乡村振兴新征程
- 达达快送|京东到家、小时购年货节开启
- 快手|媒体：快手开启大范围裁员，覆盖多个业务部门，个别团队裁员比例30%
- 电子商务|景德镇开启跨境电商B2B直接出口模式
- 手机|工信部规范双11骚扰短信，除政策监督外，还可以开启手机这些设置
- 中国移动|《2021年中国华服市场研究报告》在厦发布，“海峡汉服创新大赛”同步开启