CSS - レスポンシブな（％ベースの）グリッドシステムへの枠線の適用

Question

ZURBのFoundationのフィールドテストで、グリッド内のdivに枠線やパディングを適用して壊れたり頼りになることなくエレガントなソリューションがあるかどうかを知りたかったTo：減少した幅/マージンを持つ1）カスタムクラス、2）親に余分な非グリッド<div>を埋め込み、グリッドベース<div>

私も{ box-sizing: border-box; }を試してみたが、携帯のブラウザでは、遵守していないようです。

提案？ありがとう！

Answer 1

罫線の代わりにアウトラインを使用することもできます。省略形はまったく同じですが、ボックスモデルには影響しません。