Hello @jack5496 !
In your case I can suggest to options: either select a device without a notch or you should apply custom styles to the device, so the iframe won’t be covered by the notch.
If you provide me a link to your page with the Device, I can help you to apply custom styles.
Is it possible to simulate a larger content in the phone, so that the content is scaled down?
You can use the attribute fit for that:
fit – how the content should fit into the device (defaults to cover). Available options are:
cover – cover the device’s screen;overflow – keep original sizes of the content, if the are bigger than screen size – the content will overflow the screen with the ability to scroll it;overflow-x – fit content by height, overflow by X axis;overflow-y – fit content by width, overflow by Y axis;contain – fit completely on the screen of the device.
