我正在实施一个使用Foundations的Flex-Grid布局为我们开发的网站。我们真的只有几页放在一起,在我开始扩展到更多页面之前,我想从Flex-Grid转换为XY-Grid,因为Zurb将其Flex-Grid标记为遗产。我们使用Sass来做CSS。我一直在网上搜索转换指南,但我还没找到。我想知道是否有人能指出一个有用的转换指南来进行此跳转?
答案 0 :(得分:0)
所以你已经习惯了弹性网格,然后看看https://foundation.zurb.com/sites/docs/flex-grid.html#basics与https://foundation.zurb.com/sites/docs/xy-grid.html#basics,看起来不太相似。
或者看看:https://foundation.zurb.com/learn/foundation-6-4-xy-grid.html。
答案 1 :(得分:0)
我确定现在已经回答了这个问题,Zurb大学视频介绍了将现有项目从flex网格转换为x-y网格的问题。
本质上,您可以@scss中包括两个网格库,以简化过渡而不会发生冲突,因为它们都不使用相同的类名。然后,您基本上将所有项目UI缓慢地转换为新的x-y网格类。
祖尔布大学vid链接:https://zurb.com/university/lessons/learn-the-flexbox-based-powerhouse-xy-grid