我正在网站上工作,似乎无法摆脱页面加载的“页面对齐”。我最初使用node.js创建了这个应用程序,并使用yeoman gulp webapp generator将其转换为静态页面。
为了说明,我创建了一个gif:
我的github上提供了完整的网站,它本身就是一些带有我自己的CSS的语义ui组件。为了防止页面被捕捉,我在主体中添加了以下样式:
margin: 0;
padding: 0;
我认为这会阻止页面的捕捉,但我想我错过了一些东西。非常感谢任何帮助!
答案 0 :(得分:2)
遇到了问题。这是因为您的内容没有在第一次生成并且由于内容而获得宽度。要解决此问题,请提供min-width
:
.column.features .ui.compact.segment {
min-width: 450px;
}
我可以看到添加此CSS修复它。可能是您可以在通过AJAX加载内容后删除它。