iframe не отображается в разных разрешениях

Question

У меня есть iFrame, который я использую в качестве нижнего колонтитула моего веб-сайта. На веб-сайте отключена прокрутка.

Я сделал сайт на своем ноутбуке, но затем, когда я пробую его на каком-то старом компьютере, нижний колонтитул не появляется. Опять же, на веб-сайте прокрутка отключена, поэтому iframe должен отображаться идеально.

Сейчас у меня есть следующий CSS, определенный для этого фрейма:

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

Этот запас помещает IFrame именно там, где он должен быть на моем 1360 X 768 Разрешение ноутбука.

Каков наилучший способ для этого. Использовать отзывчивые или% вместо пикселей?

Answer 1

Ваш нижний колонтитул, вероятно, не отображается, потому что компьютер имеет другое разрешение и поэтому его слишком мало позиционирует. Так как это не прокручивается, вы не можете достичь этого.
Вы можете установить нижний колонтитул абсолютным.

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