小编tma*_*ion的帖子

我怎么能有一个div行为,好像它是在与Bootstrap不同的设备上?

我正在尝试创建一个Twitter Bootstrap应用程序,该应用程序显示一个div,该div显示我们SPA中不同设备大小(桌面,平板电脑,移动设备)的应用程序,其内部和外部都需要进行通信.单击指定的大小时,div应调整大小.像这样:

桌面示例

移动示例

引导断点基于媒体查询,这些查询位于窗口级别.但我正试图在div上做这个工作.如果我们在div级别指定一个容器,则网格不会像调整窗口大小那样垂直堆叠,它们只会缩小.

更难的问题然后它听起来像一开始.:(关于如何解决这个问题的任何想法?

最简单的答案是iFrame,因此当div改变大小并且网格堆栈正确时,iFrame的窗口大小会被调整大小,但这并不理想,因为我们的SPA中从div的外部和内部都存在功能.

我很乐意听到更好的解决方案来处理这个问题!

html css twitter-bootstrap single-page-application

9
推荐指数
1
解决办法
381
查看次数