Click here to Skip to main content
13,044,428 members (117,871 online)
Rate this:
Please Sign up or sign in to vote.
See more:
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 3:05am

1 solution

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

Solution 1

Here are some links which will give you a fair idea to start,[^][^][^]

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.

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

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.170713.1 | Last Updated 6 Oct 2012
Copyright © CodeProject, 1999-2017
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