Place square svg to the center of the screen, scale it to fit the screen's width and height with some constraints

Question

It seem to be a silly question and possibly a dupe, but I couldn\'t find a good solution for a while, so finally dare to ask.

I want to place an

Answer 1

Rather than css, you may want to try using svg's width/height, and viewBox computed via getBBox() A basic example is shown below: