Как можно зафиксировать позиционирование элемента для разных разрешений экрана?

Question

[Vadim Stepanenko]

привет!
есть такой пример: https://codepen.io/tvj/pen/yLowwYv
зеленая точка стоит на последнем нижнем окне. однако если изменить ширину или высоту wrapper, то точка съезжает. Как можно ее зафиксировать?

Answer 1

[ThunderCat]

TL;DR Средствами цсс на текущей разметке никак.
LR: У вас картинка вставляется в бэкграунд кОвер. Предположим, что размер враппера уменьшился до 100х10 пикселей, и окно в них уже не попадает, можно ли средствами цсс задать попадание точки на окно? Очевидно нет. Во первых само окно будет ниже видимой части, во вторых при разных пропорциях враппера обрезаться будут разные стороны.

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

Answer 2

[Даня]

используй медиа-запросы media