为什么我会看到基础构建块的意外渲染?

时间:2017-04-19 17:32:18

标签: html css

我正在尝试使用Foundation Building Blocks来制作网页。我遇到的问题是我无法在Marketing Kit中获取UI构建块来呈现我期望的方式。也就是说,我的页面与示例构建块的呈现方式不同。例如,让我描述我在营销3-up功能部分(http://foundation.zurb.com/building-blocks/blocks/marketing-site-three-up.html

中遇到的情况

看起来在该页面上的iframe中加载的构建块示例不使用foundation.css,而是使用app.css,其中包括选择器中比foundation.css更多的东西。 (http://foundation.zurb.com/building-blocks/blocks/marketing-site-three-up-iframe.html)如果我自己的页面使用了foundation.css,我没有得到预期的渲染结果。但如果它在该示例页面中使用app.css页面,则可以正常工作。但是,app.css似乎没有记录在使用Marketing Kit的说明中。

我错过了什么?

1 个答案:

答案 0 :(得分:0)

事实证明,我使用的构建块需要使用flex的Foundation 6版本。一旦我切换到支持flex的版本的Foundation,一切都很好。我没有在构建块文档中看到任何内容(尽管它是最小的),但是我通过更仔细地查看两个文件中的css并通过检查呈现页面中的DOM来发现它。