html - CSS - 将边框和填充应用于响应式（基于％）网格系统

Question

我正在现场测试 ZURB 的Foundation，并想知道是否有一个优雅的解决方案可以将边框和填充应用于网格中的 div，而不破坏它或诉诸：1）具有减小的宽度/边距的自定义类，2）嵌入额外的非-grid<div>在父级，基于网格<div>

我也尝试过{ box-sizing: border-box; }，但移动浏览器似乎不遵守。

建议？感谢人们！

Answer 1

您可以尝试使用轮廓而不是边框​​ - 速记完全相同，但不会影响盒子模型。