Embed windows is not responsive (it can’t adjust to the screen of mobile devices) solved!

Do you mean you want the size of the visualization iframe to adjust to the viewport size? You could then try to use vw (viewport width) and vh (viewport height) units of the CSS. For example, if you used the following embed code:

<iframe style="width: 80vw; height: 80vh; border: none;"
        allowfullscreen allow="gyroscope; accelerometer; xr-spatial-tracking; vr;" scrolling="no"
        src="https://your-user-name.shapespark.com/your-scene-name/">
</iframe>

the size of the iframe would be 80% of the viewport width x 80% of the viewport height, and would be reponsive to viewport size changes.

1 Like