Problem with height when the page is zoomed higher

I'm building a responsive website which is accessible in almost all devices
I've made a div with a height, which works well in 75% zoom, but when zoomed more than 100% I want the page to be scrolled and the div with the same height, but what it does is that it shriks down and down completely. What CSS property can be used to make its height fixed in a particular zoom level and make the page to be scrolled? Here's the code. please help
player.css5.37KB
Was this page helpful?