2020-09-15 19:19 The University of Melbourne 产品经理
关注
#21天打卡产品经理的日常思考# Flex Layout：弹性布局
Flex Layout是一种针对一维的局部布局，以轴为核心的弹性布局。
Flex 布局是 CSS3 提供的强大布局能力，从更自然更具语义化的角度实现界面元素的自适应；应用于 Web 的设计体系基本上都在组件代码里广泛采用了 Flex 布局，Lightning 还将栅格与 Flex 布局结合定义了自己更完善的布局方法。
在响应式设计中，Flex 布局通常结合 Breakpoints 使用，在两个 Breakpoints 之间让界面做更平滑的过度；除此之外其它平台也都有类似的弹性布局能力，例如 Fluent 在 windows 采用 XAML 构建布局系统。
无论是 Flex 还是最近兴起的 Grid 布局都是 CSS3 的基本布局能力，响应式设计要解决布局的问题将会深度依赖这些基础技术手段，本篇不进一步展开。
Flex Layout是一种针对一维的局部布局，以轴为核心的弹性布局。
Flex 布局是 CSS3 提供的强大布局能力，从更自然更具语义化的角度实现界面元素的自适应；应用于 Web 的设计体系基本上都在组件代码里广泛采用了 Flex 布局，Lightning 还将栅格与 Flex 布局结合定义了自己更完善的布局方法。
在响应式设计中，Flex 布局通常结合 Breakpoints 使用，在两个 Breakpoints 之间让界面做更平滑的过度；除此之外其它平台也都有类似的弹性布局能力，例如 Fluent 在 windows 采用 XAML 构建布局系统。
无论是 Flex 还是最近兴起的 Grid 布局都是 CSS3 的基本布局能力，响应式设计要解决布局的问题将会深度依赖这些基础技术手段，本篇不进一步展开。
全部评论
相关推荐
虎牙一面17人在聊
查看7道真题和解析 
为生活添砖加瓦：都这么多双非大佬拿了超一线大厂吗
投递快手等公司10个岗位 点赞 评论 收藏
分享
牛客上的彭于晏：过来人告诉你，入职后要做的第一件事儿不是说主动找活儿做，你要先学会融入团队，摸清ld的性格，投其所好。然后才是展示你的能力，能力上可以说技术或者业务，以业务能力为主，技术能力为辅。优先保证自己对业务需求的开发保证质量效率，然后再谈技术的问题，不要你觉得啥啥啥不行就想着整体优化了（发现校招生最喜欢干这事儿），我工作快5年了发现搞这种的最后都没啥好的结果，产出没有还引入新的bug，校招或者实习的水平看到的问题别人看不到嘛？为什么别人不去搞？浪费时间还没收益的事儿不要去做，技术上的能力体现在对于一个新需求，在不符合现在业务发展的架构设计上，你能拿出好的技术方案同时能考虑到后续业务发展逐渐将技术架构引入合理的架构，这是一个漫长的过程而不是一次性的 点赞 评论 收藏
分享
