Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Mobile website
When I test my mobile website in various emulators I see that the design does not appear correctly in all devices.
 
If i adjust for one then the other goes bad. I am developing a mobile website for the first time. I need to fit my design in devices of all resolutions. For example if I have a form with 2 text boxes in the same line and i test this in iphone it looks fine but if i use a nokia phone, the 2 text boxes appear in 2 separate lines.
 
Also for any page i do not want a scroll to appear so that the user has difficulty in browsing. Please help.
Posted 6-Oct-12 4:05am

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Here are some links which will give you a fair idea to start,
 
http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml[^]
http://www.smashingmagazine.com/guidelines-for-mobile-web-development/[^]
http://www.utahta.wikispaces.net/file/view/Mobile+Web+Standards+and+Guidelines+7.17.09.pdf[^]
 
One important point to emphasize is whenever you design the page with controls, try to specify the width of the control in "%". So, that controls change their width as per the resolution.
 
Hope this helps.
cheers
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 George Jonsson 175
1 Kornfeld Eliyahu Peter 169
2 Zoltán Zörgő 139
3 PIEBALDconsult 130
4 OriginalGriff 120
0 OriginalGriff 6,165
1 DamithSL 4,658
2 Maciej Los 4,107
3 Kornfeld Eliyahu Peter 3,649
4 Sergey Alexandrovich Kryukov 3,342


Advertise | Privacy | Mobile
Web02 | 2.8.141220.1 | Last Updated 6 Oct 2012
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100