Question

I have a page built using HTML/CSS that is meant to be used for the sole purpose of being displayed on a TV. I’ve developed the page to fit perfectly within a 1920×1080 ratio, but I would like a way to have the page scale up or down with the exact same aspect ratio of the original design. Is there any Javascript script I could use to help maintain the constant ratio?

Edit: This will eventually be turned into a RoR application that will constantly update content such as news/events/etc.

Answer 1

a simple listen on window resize would solve the problem:

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