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

Question

我用Axure创建了一个简单的页面，有两个版本(基本上是两个自适应视图: base和768及以下)。当我生成html时，它工作得很好，并且遵循自适应视图。但这似乎只适用于javascript，有没有办法在css中处理/生成自适应视图？这可以帮助我以后将Axure生成的html和css集成到基于bootstrap的响应式设计中。谢谢。

Answer 1

我很确定你问的是根据屏幕大小的响应性。Bootstrap是围绕这些原则构建的，响应完全是通过使用@media查询的CSS完成的。所有CSS都从尽可能小的屏幕开始，然后您可以通过将@ media查询放在样式表的底部来调整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