Как я могу точно позиционировать и поддерживать выравнивание абсолютно позиционированных элементов SVG на полноэкраниров ⇐ CSS

[Anonymous]

Фоновое изображение без элементов SVG < /p>
Элементы SVG абсолютно расположены в макете, но между ними нет структурной или программной связи. Это означает, что их размещение полностью зависит от вручную рассчитанных значений пикселей/процентных значений, что становится серьезной задачей по следующей причине:
Полноэкрановое фоновое масштабирование: фоновое изображение установлено для того, чтобы занять весь экран (фоновый размер: Cover), и при изменении размера экрана изображение соответственно. Тем не менее, это масштабирование не является равномерным или предсказуемым. Сделать адаптивное макет означает, что пересчет и регулировка положения каждого элемента SVG для множественных точек перерыва экрана или размеров. Нет никакого способа программно «привязывать» SVGs к определенным его частям. Каждая позиция должна быть вручную настроена и обновлена ​​на изменение устройства или макета. Решение фокусируется на выравнивании SVGS именно для этих ключевых точек перерыва, в то время как намеренно оставляя поддержку для промежуточных размеров экрана, чтобы уменьшить сложность и обслуживание накладных расходов.

Подробнее здесь: https://stackoverflow.com/questions/795 ... itioned-sv