Question

我正在使用粉底来构建流畅的响应布局。

我有svgs形式的图像 - 我需要将它们放入我的页面。

最好的方法是什么？

将它们作为图像放入并使用％宽度调整图像大小，或者我应该将其放在使用的div中：

<div class="small-3 meidum-4 columns">

因此它与布局一致。

什么是最佳做法？

Answer 1

我的选择是设置你自己的CSS，因为使用网格列来限制你的图像宽度并不是一个很好的解决方案。

如果您正在设置自己的CSS，也许您想要复制bs样式

// Keep images from scaling beyond the width of their parents.
.img-responsive {
  display: block;
  max-width: 100%; // Part 1: Set a maximum relative to the parent
  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
}

我相信这里有关于处理图像的一些文档：http://foundation.zurb.com/docs/components/interchange.html

基础中的图像

1 个答案: