【问题标题】:Quite annoying margin in Safari?Safari 中的边距很烦人?
【发布时间】:2014-04-15 03:11:24
【问题描述】:

提前感谢您的帮助。

我今年 16 岁,快 17 岁了,我使用 HTML(5)/CSS(3)/PHP/SQL 已经有五年多了。但是有一个问题我一直无法解决。我已经“在阳光下尝试了一切”,但是在我的任何页面上我都无法摆脱的浮动元素之一的右侧有一个非常烦人的边距。

这是链接:http://www.protodevelopment.de(是德语,不用担心内容。)

如果您在 Windows/Android 设备上调用该页面,则不会有任何问题。但是,只要您在任何版本的 Safari、移动设备或桌面设备上查找它,右侧就会出现空白。

再次感谢您提前提出的任何建议。

图片在这里:http://tinypic.com/r/ekht2r/8

【问题讨论】:

  • 你能发截图吗,我没有看到任何边距
  • 这里一样,在 safari 桌面上看不到问题。
  • 我在 tinypic 上添加了一张图片,因为我的声誉不够高,无法在内部发布图片。 -.-

标签: android html css mobile safari


【解决方案1】:

你说的是右侧页眉和页脚中的小白线吗?这是您在这些元素上调用width: 94% 的事实。由于容器的宽度百分比为75%,只需使用width: 100%,它就会将它们扩展到边缘。

编辑:这就是问题所在。如果您担心填充使用:

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

这将防止盒子填充超出所需的宽度/高度。然后您可以将宽度设置为 100%。在将接收填充的任何元素上设置border-box(例如:页眉和页脚)

【讨论】:

  • 我使用 94%,因为我需要考虑左右 3% 的填充。
  • 使用box-sizing: border-box 强制填充而不是输出
猜你喜欢
  • 2018-07-21
  • 1970-01-01
  • 2014-07-18
  • 1970-01-01
  • 1970-01-01
  • 2018-07-20
  • 2023-03-19
  • 2012-02-09
  • 1970-01-01
相关资源
最近更新 更多