Make iframe automatically fit screen

Site URL: https://www.hoeht-studio.com/nice-to-meet-you

Hi,

I added an embed code in custom css: <iframe src="https://mywebar.com/p/Project_0_2333tftzuh" width="100%" height="670" allow="camera; accelerometer; vr" > Your browser does not support embedded content </iframe>

This opens the camera on phones and tablets and such to scan and see a Web ar. On my phone the camera fills the whole screen however is I use my tablet or another phone the height does not fill the screen if I put 100% instead of 670 it does fill the screen.

How can I make it so that the camera fits every screen the url is opened on?

Try putting in Custom CSS this code:

#collection-632ae0864ce2847bd7000b68 iframe {
	height: 100vh;
}

@joseph81 works like a charm, thank you!!