页面在加载

时间:2016-01-05 20:05:05

标签: html css semantic-ui

我正在网站上工作,似乎无法摆脱页面加载的“页面对齐”。我最初使用node.js创建了这个应用程序,并使用yeoman gulp webapp generator将其转换为静态页面。

为了说明,我创建了一个gif:

page jumping

我的github上提供了完整的网站,它本身就是一些带有我自己的CSS的语义ui组件。为了防止页面被捕捉,我在主体中添加了以下样式:

margin: 0;
padding: 0;

我认为这会阻止页面的捕捉,但我想我错过了一些东西。非常感谢任何帮助!

1 个答案:

答案 0 :(得分:2)

遇到了问题。这是因为您的内容没有在第一次生成并且由于内容而获得宽度。要解决此问题,请提供min-width

.column.features .ui.compact.segment {
  min-width: 450px;
}

我可以看到添加此CSS修复它。可能是您可以在通过AJAX加载内容后删除它。