Как разместить фон динамически в зависимости от разрешения - PullRequest
0 голосов
/ 25 марта 2020

борется с проблемой, как установить фоновое изображение - stati c или SVG-фигуру для верхнего правого угла, чтобы она вытягивалась из-за пределов области просмотра.

Представьте, что у вас есть сайт с минимальной шириной ~ 1000 px - изображение обрезается в верхнем правом углу частично. Когда ширина страницы увеличится до максимальной ширины, изображение будет полностью откреплено / снято.

Масштаб изображения не изменяется. Просто горизонтальная вырезка / маска - скриншоты могут создавать такое впечатление, но это просто из-за разного масштаба при создании экрана печати. ​​

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

Верхнее правое изображение похоже на

    <svg width="1868" height="899" viewBox="0 0 1868 899" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1044.32 -1144.66L1757.62 -735.936C1825.92 -696.799 1868 -624.454 1868 -546.161V271.161C1868 349.454 1825.92 421.799 1757.62 460.936L1044.32 869.66C976.052 908.78 891.948 908.78 823.677 869.66L110.379 460.936C42.0777 421.799 0 349.454 0 271.161L0 -546.161C0 -624.454 42.0777 -696.799 110.379 -735.936L823.677 -1144.66C891.948 -1183.78 976.052 -1183.78 1044.32 -1144.66Z" fill="#17212F"/>
</svg>

Любые идеи?

С уважением,

Ян

enter image description here enter image description here

...