使用骨架 css 框架时，边距出现在两个尺寸上

Posted 2023-03-06

【中文标题】使用骨架 css 框架时，边距出现在两个尺寸上

【英文标题】：margin appears on both size when using skeleton css framework

【发布时间】：2013-01-22 23:07:43

【问题描述】：

我刚刚安装了骨架框架来体验一下。 我使用的是 16 列布局，当我在 iphone 上测试时，我发现左右两边都有边距。

有人有想法吗？

谢谢

【参考方案1】：

您可以在 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 缩小您的问题范围。