html - 在axure中生成html。没有js的自适应视图

Question

我用 Axure 创建了一个简单的页面，有 2 个版本（基本上是 2 个自适应视图：base 和 768 及以下）。当我生成 html 时，它工作正常并遵循自适应视图。但这似乎只适用于javascript，有没有办法在css中处理/生成自适应视图？这可以帮助我以后将 Axure 生成的 html 和 css 集成到我基于引导程序的响应式设计中。谢谢你。

Answer 1

很确定您是根据屏幕尺寸询问响应能力。Bootstrap 是围绕这些原则构建的，响应性完全通过 CSS 使用 @media 查询来完成。所有 CSS 都从尽可能小的屏幕开始，然后您可以通过将 @ 媒体查询放在样式表的底部来调整您的 CSS 以随着屏幕尺寸变大而改变。它们如下：

@media (min-width:768px) {

This is where your CSS for anything above 768px goes

}

@media (min-width:992px) {

This is where your CSS for anything above 992px goes

}

@media (min-width:1200px) {

This is where your CSS for anything above 1200px goes

}

您还可以在媒体查询中使用 max-width