The default settings in FW for Mobile is to automatically scale the width of the page to fit the viewport of the mobile device.
This works well on smartphones. Web pages scale down to fit the viewport whether in landscape or portrait.
The same is true on tablets. However, this creates an issue. When the tablet is held landscape, the viewport is often around 1280 pixels. So a typical 960 pixel web page is going to SCALE UP resulting in pretty horrible looking images.
Even if we use high res ‘retina’ images, they are still going to be scaled up and therefor not look so hot. Obviously they will look better than ‘normal’ low res images, but they will still be scaled up.
Has anyone else noticed this?
Is it possible in FW to add some code to allow the page to scale down to fit the device viewport, but not to scale up?
Hi Mark,
Try setting the Maximum scale for the page in the Inspector palette to 100%; http://d.pr/i/TkJk
This should ensure that the page gets scaled down but never up. You’ll have to see what happens with a small page width on a large screen as I’d imagine that the page will get centred rather than scaled but you’d need to check. Of course the downside of this is that your mobile users won’t be able to zoom into the page to read any fine print or check the detail on an image (for example).
Regards,
Tim.
On 16 Jun 2013, at 12:08, Mark wrote:
Is it possible in FW to add some code to allow the page to scale down to fit the device viewport, but not to scale up?