我有两个屏幕(屏幕 1 和屏幕 2)以及一个包含 JavaScript/JQuery 的 HTML 页面。
我想要做的是将 HTML 分成两个 View 。一个在屏幕 1 上,另一个在屏幕 2 上。
屏幕 1 有一个简单的 View (例如供客户查看的电影院屏幕),屏幕 2 具有所有控件(例如另一端的人可见)。
有什么可能的解决方案吗?
最佳答案
- 最好的解决方案是有 2 个不同的页面,毕竟它是一个 系统而不是页面。
- 但是,既然您想要解决方法,请使用 Bootstrap (它是 react 灵敏,因此应该可以轻松适应 2 屏幕显示)。
将 Bootstrap 添加到 HTML
:<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
到 HTML
:<div class="wrapper-fluid">
<div class="container-fluid">
<div class="row">
<div id="screen1" class="col-md-6">
<!-- PAGE 1 HERE -->
</div>
<div id="screen2" class="col-md-6">
<!-- PAGE 2 HERE -->
</div>
</div>
</div>
</div>
和CSS:
#screen1 {
background-color: blue;
height: 900px;
}
#screen2 {
background-color: green;
height: 900px;
}
关于javascript - 拆分一个 HTML 页面以在多个屏幕上显示不同的 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32356030/