Web Development
Web Developer Guidelines
Visual Design Recommendations

Checkpoint 4.15 - Mobile-PDA

Image width is set so as not to cause horizontal scrolling

DEECD Requirement

DEECD Guideline

Where web pages are used for both desktop machines and mobile devices, some parameters do not translate conviently between platforms and can thus cause problems to some users. In many case regarding mobile devices, this is as a result of the very small display area of the screen. In terms of image use, images that are too wide might cause horizontal scrolling.

Requirement

Image width is set to max-width: 100% so as not to cause horizontal scrolling.

Recommendation

max-width is a CSS directive. Consider the use of the media type of handheld in CSS to specifically target mobile device use.

Checking Tool

View all forms in a mobile device and verify that images do not force horizontal scrolling.

 

Back to top