【发布时间】：2013-01-22 23:07:43
【问题描述】：
我刚刚安装了骨架框架来体验一下。 我使用的是 16 列布局，当我在 iphone 上测试时，我发现左右两边都有边距。
有人有想法吗？
谢谢
【问题讨论】：
标签： css frameworks margin dynamic-columns skeleton-css-boilerplate
【发布时间】：2013-01-22 23:07:43
【问题描述】：
您可以在 CSS 中使用 media queries 设置手机和其他设备的列边距。
Skeleton 默认在列上使用 margin-left:10px 和 margin-right:10px 所以....
使用 Skeleton 为 iPhone 5 设置边距的典型示例是：
@media (max-width: 1136px) { .column, .columns {margin:0;} }
【讨论】：
-
它没有帮助....我只是尝试添加您的代码和一个简单的 div 来测试它：@media (max-width: 1136px) { .container .column, .container .columns {边距：0； } #test { 边框：1px 纯黑色；背景：绿色；高度：100px； } } 并将该 div 放入十六列容器中：我的 iphone 上有一个两边都有边距的绿色框...
-
提供的解决方案是覆盖骨架框架设置的边距。如果您仍然获得利润，那么您的代码中的其他东西会导致它而不是框架。链接有问题的网站或通过包含 CSS 和 HTML sn-ps 缩小您的问题范围。