问了下前端同学,已经有不少工具能够获取 psd 各个部位的样式了,蓝湖也能。
剩下的就是如何布局这些现成的样式,让这些样式之间布局空间合理,
然后他们推荐了我去看了下 flex 布局,总共就 6 个概念
1. display:flex; flex-direction flex-wrap
2. flex-grow flex-shrink flex-basis
所以现在布局变得很简单了:先用 flex 大概布局下位置,然后用 margin padding 微调位置,就能很好的完成布局了。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox