问题标签 [zurb-foundation-5]

Zurb Foundation 带有数据交换库，它可以根据屏幕分辨率自动选择正确的图像大小，非常棒。当您更改浏览器窗口大小时，图像会自动放大/缩小。

我见过一些网站（例如http://riotdesign.eu/en/，甚至 zurb 基金会网站本身），当您更改浏览器窗口的宽度时，图像不会失去其高度。我正在努力实现这种效果。是否有人们正在使用的库来实现这一点，或者它的一些特殊的 css 设置？

我已经在我的服务器上安装了 Zurb Foundation 图标，并在头部包含了适当的 CSS 声明，作为在所有其他样式表之前加载的第一个样式表。

当网站最初加载时，图标不显示。而是在每个图标的位置显示一个包含 4 个字符的框：

如果我单击我网站上的一个链接到另一个内部页面，则图标将正确显示（包括当我返回主页时）：

无论浏览器如何，都会发生这种情况。我需要做什么才能使它们在初始页面加载时显示？

这是我正在使用的代码：

我最近开始玩兜风。太棒了。但是，我遇到了一些重大的响应问题。当我调整浏览器大小时，提示位置会发生变化。例如，当原始位置为“顶部”时，当我调整浏览器大小时它突然变为“底部”。

我到处寻找解决方案，但无法找到发生这种情况的原因。

有没有人遇到这个问题和/或知道解决这个问题的方法？

提前致谢！

所以我开始使用Foundation。的确很好。
我正在使用Foundation 的自定义“半径按钮”来制作“mailto：”表单。

基本上，我在网上只能找到丑陋的默认 HTML 按钮/标签。
有没有办法可以使用这个按钮和 Foundation 的“输入标签”来创建一个“mailto：”表单？

这是所有整理出来的按钮/标签的源代码：

我以前从未使用过 Foundation，但我认为，除非您仅通过代码知道答案，否则您可以将其实现到预制的 Foundation“项目”中。

但无论如何，这是上面的 HTML 预览时的样子：

看到发送和重置？这就是我想用来提交并发送给我的东西。

感谢您提供的任何帮助。

我知道 Foundation 中块网格的用法。现在我想制作不均匀的 div 例如，两行三列。左边的列每行有一个 div。右边的列也是如此。中间的列应该只有一个 div 扩展到两行的全长。在Foundation 5中可以做到这一点吗？

我需要现有下拉列表中的第二个悬停下拉列表，因此当我打开第一个下拉列表并悬停特定选项时，它应该打开第二个下拉列表，但它没有，它只是关闭第一个下拉列表。

如何在 Foundation 5 中嵌套下拉菜单？

我的代码：

我现在用谷歌搜索了半天并尝试了几种解决方案，但对我没有任何效果。所以你们是我最后的机会:(我使用foundation5建立了一个新网站。对于移动版本，我正在使用offcanvas。我现在正在尝试替换offcanvas burger或至少对其进行动画处理。我认为out-开箱即用的样式并不是真正的用户友好，因为它并不表示它也可以用于再次关闭画布。

我在这里寻找类似的东西：http: //sarasoueidan.com/blog/navicon-transformicons/

我已经试过了

用这样的按钮

有什么建议我应该怎么做？

Hi i have this foundation 5 library in my wordpress site. I already have the foundation 5 library in my wordpress files. The classes in foundation 5 works good. But my problem is when i added a <ul> tag inside a <div> which has a class of medium-4 large-4 columns text-center ive noticed that my images wont work when i resize my browser the images will not take effect of the responsiveness but when i remove the <ul> tag and use the class medium-4 large-4 columns text-center the images will take responsiveness when i resize my broswer. My problem is i want that my images will take responsiveness when i resize my browser. How will i able to do this? Can someone help me figured this thing out?Any help is muchly appreciated.

我是一个没有经验的前端开发人员，我目前正在使用Foundation 5.5以及 Require JS 和Slick Carousel http://kenwheeler.github.io/slick/以及较小的图片，以便在单击它们时转到正确的幻灯片.

这是我目前正在处理的页面：https ://beyondtells.com/silex/new-sales?vero_id=1@1.com （请确保保留查询字符串，否则不会显示）

它在我一直在使用的 Chrome 中运行良好，我在 Firefox/IE 中查看了该页面，但它似乎无法正常运行。旋转木马内的图像垂直堆叠在一起，插件似乎无法正常工作。

例如，我想将我的 Foundation 5 网格使用的默认列数从 12 更改为 24。我在这里看到了 F5 网格文档页面

https://foundation.zurb.com/sites/docs/v/5.5.3/components/grid.html

但是真的没有详细的说明。我看到的是这样的：

使用 Sass 自定义 使用文件 中提供的 Sass 变量可以轻松自定义网格_settings.scss。

SCSS

$行宽：rem-calc(1000); $column-gutter: rem-calc(30); $total-columns: 12 ;

当我取消注释$total-columns: 12 ;并将其更改为$total-columns: 24 ;绝对没有任何反应时。再一次，我在这里没有看到真正详细的说明，所以我不知道我是否做对了。那么更改我的默认 Foundation 5 网格使用的列数的正确方法是什么？