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

Question

我用2个版本的Axure创建了一个简单的页面（基本上是2个自适应视图：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