iframe没有以不同的分辨率显示

Question

I have an iFrame that I am using as the footer of my website. The website has scrolling disabled.

I made the website on my laptop, but then when I try it on some older computer the footer doesnt show up. Again, the website has scrolling disabled so the iframe has to show up perfect.

Right now I have the following CSS defined for this iframe:

.footer { margin: 260px 0 0 90px; }

This margin places the iframe exactly where it needs to be on my 1360 X 768 Resolution laptop.

What is the best way to do this. Using responsive or % instead of pixels?

Answer 1

Your footer probably doesn't show up because you computer has another resolution and is therefore positioning it too low. Since it's not scrollable you can't reach it.
You could position the footer absolute.

.footer { 
    position: absolute;
    bottom: 0px;
}