View Modes
Aside from the default Responsive View, Sizzy offers several other View Modes that change how devices are arranged.
Here's an explanation of what the different view modes offer.
To use the hotkeys listed below, the focus must be anywhere on the app UI except the active webpage. In case a hotkey doesn't activate a mode, click anywhere outside the webpage, and press the hotkey again.
This mode lets you see multiple devices at once and switch layouts.
To activate while using another view mode, right click anywhere in the viewport and select Convert to responsive view.
For more on how to change the alignment of devices in responsive mode, see Align Modes.
This view makes Sizzy behave like a regular web browser that you can use for general testing. One suggested workflow is to do most of your testing in Full view and go back to Responsive view or Resizable Mode for testing on multiple devices.
To enable this mode, click the Convert to full view icon in the toolbar.
Lets you choose one particular device to focus on and hides all the other devices in the workspace. To learn more, see Focus Mode.
This mode declutters the interface by hiding all of Sizzy's UI elements such as the toolbar and debugging panel. To learn more, see Zen Mode.
Zen mode can only be activated with the hotkey—it cannot be accessed through the UI.
In addition to using the toolbar and keyboard shortcuts, you can switch between modes by using Butler. To invoke Butler, press Ctrl+Shift+P on Windows/Linux, or Cmd+Shift+P on macOS.
In the search bar that pops up, write view to see all available view modes.