~ 11 ~
Xara Designer Pro X10 release notes
values shown here are ‘CSS pixels’ which are not the same things as screen pixels.
Also, perhaps confusingly, most mobile browsers will scale down pages that are larger than the sizes
shown above to fit into their screen. So even if you have a 960 wide website, most mobile devices will
show the whole width of this website, in either orientation. This is the normal and intended behaviour
of mobile browsers. So it doesn’t matter if you make a website slightly larger than the max browser
width of a tablet. But it’s not recommended that you create any website wider than 1280 pixels, and
typically 1000 pixels, as research has shown that’s the preferred, ideal width range for most websites.
Here I’ve adjusted some ‘Normal’ style to be larger 16px font. Select ‘Update style in this variant’ from the
Style menu to do what it says.
How to change the text size of a variant
It’s often important that you use different sized text for small screen variants of your website because the screen is typically only two or three inches wide when held upright, the common way. So it’s possible to have the same content, but in a different Text Style for each variant. Just change the size of some text that’s in a Style, say a section of the ‘Normal’ style that is used on your body text. You can now update the Style definition of ‘Normal’, but just for this variant. Do this by selecting the ‘Update style in this variant’ option from the Text Tool Style drop-down.
Here I’ve adjusted some ‘Normal’ style to be larger 16px font. Select ‘Update style in this variant’ from the
Style menu to do what it says.
Older browsers
Older browsers such as IE8 and earlier do not support RWD, so these will only show the main variant of your website. You are recommended to have the latest versions of Internet Explorer, Firefox, Chrome or Safari browsers, all of which support modern HTML standards. At the time of writing IE11 is currently the fastest browser, with the highest quality text rendering. Android browsers: Many Android devices ship as standard with an outdated ‘stock’ web browser (typically a blue world icon). Whilst Xara created RWD sites do work in the majority of these browsers, we highly recommend you install the Chrome browser app which is available free for almost all Android devices, and is much faster, more reliable and more compatible with modern standards. Google Chrome ships as standard on the latest Android 4.4 (KitKat).
