Как сделать одинаковый размер страницы на всех масштабах?

Question

[WannaCreative]

У меня есть тестовая страница на html.
Вот, как она выглядит на моем мониторе при масштабе в 100%

Я собираюсь еще внизу сделать пару надписей.
А вот, как она выглядит, если масштаб будет 125%

Собственно, содержимое страницы увеличилось.

Вопрос:
Как сделать, чтобы картинка была, как в первом случае(такого же размера) при любом масштабе? (Все это делается для того, чтобы будущие списки и меню были на своих местах на любом экране компьютера, и чтобы все они влезали в экран)
P.S Slither io чисто для вида, другого ничего не придумал.

Answer 1

[Андрей Федоров]

привяжите размеры объектов к размерам экрана. т.е. задайте их в vw и vh.

Comments

[WannaCreative]

Можно по подробнее, пожалуйста?

[Андрей Федоров]

WannaCreative: Прошу прощения, был не внимателен. Мой ответ не решит вашего вопроса. Полагаю, тут нужны манипуляции с viewport.

[WannaCreative]

Андрей Федоров: Спасибо, я гугланул про vw,vh. Это именно то, что нужно было.

Answer 2

[Иван Бабий]

Используйте такие размерности как vmin, vmax, %, vw, vh. Полностью откажитесь от пикселей. Картинки так же задавайте , допустим в %