A Fixed Aspect Ratio Preview - Responsive in Flexitive is a preview page displaying the Responsive design sizes you've built in Flexitive. In the Fixed Aspect Ratio previews, you'll be able to see all the responsive aspect ratios you've activated, including In-Page and Fullscreen aspect ratios.


Designs in a Fixed Aspect Ratio preview are sorted by their category. Using the tabs in the top left corner of the preview page, you'll can to navigate to the different categories.



To create a Fixed Aspect Ratio Preview, open the Preview Panel on the right-hand side of the editor. You can then select the Fixed Aspect Ratios you'd like to preview and clicking one of the Preview buttons at the bottom of the panel.



When previewing the design, you can either view the design in an in-app preview page, or in an external preview page


When viewing a Fixed Aspect Ratio Preview in an external preview page, you can view a responsive preview of the aspect ratio by clicking the 'Pop-out Preview' button next to the aspect ratio.



Using a 'Responsive Preview', you can re-size the browser screen to see how the design will appear at different screen resolutions. If you'd like to set minimum or maximum pixel values for the dimensions of a responsive design, you can use the minimum and maximum width/height options in the Preview page of the publish panel.



As with any preview in Flexitive, Fixed Aspect Ratio Previews are updated in real time when you make changes to your designs, so you'll always see the most up to date version of the design. The URL for a Fixed Aspect Ratio Preview can be viewed by anyone, whether they're a Flexitive user or not.