However, with the State Library website, the audience is very different, < 1% use 1600px+ screen, over 10% use 800px by 600px (though half of these are within the library and due to be replaced soon), less tech savy, are generally older and more likely to need larger font sizes. Which is more likely to push the width of the design larger than the user’s screen and force the user to scroll horizontally or miss some of the content.
In theory it would work like this:
- If the browser is great than 900px wide, an elastic design based on the user’s font size.
- If the user’s font size would force the page wider than the browser width. The page and design, scale to fit the browser width.
Or am I just over designing the issue, should I just use one design either for 800px or 1024px screens and use that? Your thoughts?