When editing with the HTML Environment editor, you can either display your screen or entire demo in its original width or scale it to a custom with. This option is available on both captured screens and uploaded images. It can be particularly useful for demos displayed on mobile devices or tablets.
This feature allows you to control the canvas or container width. If your app is responsive, the image or screen within the container will adjust accordingly. If not, we will display it at its original size. For more details, refer to our article on Screen Resolution Best Practices.
To change your Display Settings, follow these instructions:
1. Select the Default Width dropdown in the top right hand corner of the Editor.
2. Leave it as the default width which will adjust to the original screen width or select Custom Width to change the size. Input your desired screen size in the box.
3. You can decide whether to only apply it to the screen you're on or apply it to your entire HTML Environment.
4. To apply additional changes to the screen size or go back to the default width, reselect the drop down and choose Default Width. Apply to Screen or HTML Environment.