3

我有两个屏幕,分别是屏幕 1 和屏幕 2,以及一个带有 JavaScript/JQuery 的 HTML 页面。
我想要做的是将 HTML 拆分为两个视图。一个在屏幕 1 上,另一个在屏幕 2 上。
屏幕 1 有一个简单的视图(例如供客户观看的电影院屏幕),屏幕 2 具有所有控件(例如,另一端的人可以看到)。任何可能的解决方案?

4

2 回答 2

1
  • 最好的解决方案是拥有 2 个不同的页面,毕竟它是一个系统而不是一个页面。
  • 但是,既然您想要一种解决方法,请使用Bootstrap(它是响应式的,因此应该很容易适应 2 屏幕显示)。

将 Bootstrap 添加到 HTML <head>:

<!-- 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;
}
于 2015-09-02T15:35:01.217 回答
0

这是老派,但我最近使用锚标记内的“目标”属性做了类似的事情。打开两个浏览器窗口,将“显示”一个设置为全屏,第一个屏幕(控制屏幕)上的链接针对第二个浏览器窗口。例如:

<a target='songs' href='/freebird.html'>Freebird</a>

无需编程。

于 2015-09-02T14:46:33.803 回答