If you select Detect the resolution automatically, only available in the Professional edition of WebSite X5, you don't need to add any content, but you do need to set the breakpoints to identify the resolution intervals to which the viewports of the various website versions correspond. If you prepare several versions of the website and each is optimized for a different resolution (for example a desktop version and a mobile version), the program automatically detects the resolution of the devices that visitors are using and redirects each one to the most suitable website version.
A breakpoint can be generically defined as a point at which, in a range of varying resolutions of the possible devices on which a website can be displayed, the website's page layout changes in some way to adapt to a different screen size.
The Breakpoints shows the list of all the breakpoints that have been defined, with the intervals that they determine and the URLs of the website versions they are linked to. When a new project is created, it has two breakpoints by default, that determine the Desktop and Smartphone viewports.
The breakpoint for the Desktop viewport is set automatically, taking the current setting of the desktop template's resolution, and it cannot be changed manually. The URL for this breakpoint is also set automatically, with the value given in the WebSite Address (URL) field in the Website Settings | General window.
Apart from the breakpoints that determine the Desktop and Smartphone viewports, therefore, all the other breakpoints can be added, changed or removed, using the commands in the Breakpoint List:
|▪||Add...: this opens the Breakpoint settings window where you can add a new breakpoint, indicate the resolution at which it becomes active and specify the URL it redirects to. You can have a maximum of 10 breakpoints. |
|▪||Current: this sets the breakpoint selected in the Breakpoints as the "default" breakpoint. The "default" breakpoint must be the one of the website of the project you are working on.|
|▪||Edit...: use this command to change, in the Breakpoint settings window that opens, the resolution of the selected breakpoint. It cannot be used on the breakpoints associated with the Desktop and Smartphone viewports, because these values are set automatically. |
|▪||Remove: this deletes the selected breakpoint. The breakpoints associated with the Desktop and Smartphone viewports cannot be deleted. |