0

这是我用 Gumby 建立的第一个网站，总的来说，我是网页设计的初学者。

几个小时以来，我一直在摸索为什么我的网站在 Firefox 和 Safari 中完美显示，但在 Chrome 中却一团糟。看起来每组列都显示为块元素，而导航栏根本没有显示......

我通过 W3C html 验证器运行它，它告诉我 hgroup 标记已被废除，但这不应该把页面弄得这么乱，不是吗？最重要的是，不仅在 Chrome 中？


可能的原因：

  1. 为了在我开发这方面的东西时使网站无响应，我删除了断点并弄乱了 _var.scss 中的一些设置 / 可能是最可能的原因，但我不知道是什么影响它这边走。

  2. 我已经将该行用作标题和部分部分的包装器。这会以某种方式混淆列的显示方式吗？

  3. 在标题部分，我使用 @include columns(6) 将列包含在 html 中，而无需创建另一个 div。Chrome 不喜欢这样吗？

这是我网站的链接：http ://work-in-germany.eu/

如您所见，它在 Firefox 和 Safari 中看起来不错，但在 Chrome 中却不行。


非常感谢您的帮助！

汤姆

4

1 回答 1

0

哇，Chrome 真的是一团糟！但并非无法控制。

首先，您应该包装整个页面。这使内容居中。例如：

HTML：

<body>
<div id="page_wrap">
-- Your content (rows etc.)
</div>
</body>

CSS：

.page_wrap {
 margin: auto;
 width: 980px;
}

至于行。将以下内容添加到 css 类中：

CSS：

.index_section .row {
 overflow: hidden;
 padding: 15px 0;
}

.index_section .img_box img {
 float: left;
 margin: 0 15px;
 max-width: 280px;
}

抱歉，由于时间不够，我现在只能做这些了。祝你好运！

于 2013-07-16T08:37:42.570 回答