Как я могу сделать SVG в HTML вписаться в один экран без прокрутки? ⇐ Html

[Anonymous]

Как я могу сделать SVG в HTML вписаться в один экран без прокрутки? Хотите отобразить на веб -странице, чтобы она была центрирована и заполняет экран как можно больше (сохранение соотношения сторон), но не приводит к каким -либо полосам прокрутки. Я попытался реализовать свойства 100% ширины и height , как указано, создавая встроенный весь экран SVG, но это приводит к тому, что SVG заполняет ширину экрана, но расширяя высоту, чтобы потребовать вертикальную прокрутку. Я также читал, как заставить SVG появляться без прокрутки в HTML, но я не понимаю, как использовать Embed или можно ли даже сделать это, когда мой SVG определяется в самом документе HTML. Что мне нужно изменить? "Snippet-Code">

Код: Выделить всё

.container {display: flex; justify-content: center;}

Вот что у меня было перед реализацией 100% высоты и Ширина свойства на тегах html , body и svg (также Margin на корпусе), просто получение необработанного вывода от Figma и положить его в Flexbox с центром Обоснование: < /p>

Код: Выделить всё

.container {display: flex; justify-content: center;}

ниже составляет 100% высота и width Но без свойства Viewbox , которое усекает SVG - я не понимаю, почему устранение Viewbox отключает графику:

Код: Выделить всё

.container {display: flex; justify-content: center;}

Подробнее здесь: https://stackoverflow.com/questions/794 ... -scrolling