Discover Preview Width capability, page view display options and device compatibility
What is Preview Width?
Preview Width is a feature that is exclusive to the responsive design canvas. This allows you to preview your canvas at different widths. The purpose if for users to have a better idea of how their pages may look and behave (respond) on multiple devices with various display sizes.
Note: in this view, you will not be able to interact with tiles, only read/view mode will display all action content of the tiles/page
Display Preview Widths
Users can select between four different display sizes and preview the width of the elements for each. This tab measures and displays content in units of pixels (px).
1600px: For desktop computers and most laptops. This is the default display size when a responsive canvas is opened. If you are previewing from your desktop computer, there will be no change between toggling the 1600px on and off.
1000px: For some laptops and tablet devices such as the Surface or iPad. 1000 px is relatively large enough for page elements to maintain their aspect ratio.
800px: For mobile devices in landscape mode. Notice the phone icon's horizontal display
600px: For mobile devices in portrait mode. Notice the phone's vertical display