gpt4 book ai didi

css - 960 网格系统的奇怪行为

转载 作者:行者123 更新时间:2023-11-28 14:27:41 25 4
gpt4 key购买 nike

我正在构建一个基于 960 Grid System 的布局.我喜欢固定 (px) 版本,但想使用流动 (%) 版本并在其周围包裹一个固定大小的 div。

问题是这不适用于所有浏览器:

  • FF 7:作品
  • IE6 - 9:有效
  • Chrome:糟透了
  • Safari:糟透了
  • iPad/iPhone:很烂
  • 歌剧:糟透了

为了明白我的意思,我制作了一个 small page .单击切换按钮更改为相对。它应该看起来一样,但不是 :(

有什么想法吗?

最佳答案

看起来有舍入问题(边距似乎是 4px 而不是 5)。

另一个提示:您在 DIV 之间打印 %20,这通常在 block 元素之间被忽略,但在内联元素之间则不会。

将边距设置为 0.6% 并删除空格。

关于css - 960 网格系统的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7736577/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com