如何通过调整浏览器窗口大小来保持纵横比

Question

我有一个使用 HTML/CSS 构建的页面，其唯一目的是在电视上显示。我已经开发了完美适合 1920x1080 比例的页面，但我想要一种方法，使页面能够以与原始设计完全相同的宽高比放大或缩小。是否有任何 Javascript 脚本可以用来帮助保持恒定的比率？

编辑：这最终将变成一个 RoR 应用程序，它将不断更新新闻/事件/等内容。

Answer 1

简单地监听窗口大小调整就可以解决问题：

$(window).on('resize',funciton(){
  var self=$('#ur_id');
  self.height( self.width() * (1080/1920))
})