Page 473 - Xara Designer Pro X17

Web Graphics and Websites 473

Scale To Fit Options
• The SCALE TO FIT SCREEN option works well for short pages and where all the pages of
your site are the same height and width. If you use this option with long pages, the
result is not good because the browser will shrink the page so that its height fits into
the height of the device/browser.
• As an alternative use the SCALE TO FIT WIDTH option to make your website or web
document scale to fit the width of the browser or device screen it’s being viewed
on.You can specify a maximum width to avoid your content looking too inflated on very
large screens. If the viewing device is wider than the page, the page zooms/scales up
so it just fits. If the viewing device is narrower than the page, the page content
zooms/scales down so it will fit with no need for horizontal scrollbars.
• The SCALE TO FIT WIDTH option can be used with any type of document or website -
either CONVENTIONAL or SUPERSITE except when either the HORIZONTAL SUPERSITE or
SCALE TO FIT SCREEN options are selected.

You need to preview your site in a separate web browser to see the transition
animations perform well - rather than just using the built in browser preview
window which does not show the animations smoothly. Click on the Preview
website button on the web toolbar, and then click on one of the browser icons at
the top right of the preview window to see the transitions in a separate web
browser that you have on your device.

Browser icon selection in the Web Preview window.