Greetings. Setting the Advanced iframe height to a ratio works very well in my instance:
http://thehvacsource.com. I would like to update the height ratio based on screen size and have no control over the framed site. I used media queries to accomplish this goal and they worked perfectly in Chrome. However, IE11 and Firefox did not recognize the media queries. Is there a more direct way to accomplish this goal (other than CSS), or a way to make IE11 and Firefox recognize the media queries? Below is the media query that works in Chrome, allowing a little more height as the screen width is reduced (and you can test):
Code:
@media only screen and (max-width: 1080px) { /* below 1080px */
#ai-div-hvac2 {
height:1320px !important;
}
#hvac2 {
height:1410px !important;
}
}
Thank you.
Login
FAQ
Search
