Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Nov 09, 2012 07:14 PM by homertechnologies
Nov 08, 2012 08:58 PM|LINK
I am not sure I can ask my doubt in this section or not.......
I want to design my web page suitable for both ipad and desktop system as well...... For this I want to check the resolution of the system, and if the web page is opened in ipad the pages should be with small size........and if it is a desktop pc , the
pages should be with large size .... means the web pages should fit into that systme screen as well, whether it is PC or ipad.......
Can anyone please guide me?? any help will be appreciatable..........
Nov 08, 2012 10:14 PM|LINK
You should be able to detect the mobile with the Request header object and then provide specific css catered for mobile devices.
Nov 09, 2012 05:21 AM|LINK
for ur requirement, u can create separate copy versions of web App. or try using the CSS media-queries:
Nov 09, 2012 09:06 AM|LINK
It totally depends on your requirement. First of all, you need to decide, whether you wish to have two different web apps for Mobile and desktops!
If yes, then you can create it and redirect to them accordingly -
Moreover, you can use CSS 3 Media queries -
Finally, User Agent sniffing - http://detectmobilebrowsers.com/
If you wish to have one web app, which works seamlessly in both the device, then you should be more careful about the design. Moreover, you can add the following META tag, to make your website mobile compatible!
<meta name="viewport" content="width=device-width" />
Nov 09, 2012 01:13 PM|LINK
I'd advise looking responsive website design. Creating a number of different versions of your code for different platforms and screen sizes will end up giving you a headache trying to maintain them all.
By using media queries, proportional sizing and all the other things that make up responsive website design you'll only need to create and maintain one version of your code. Your stylesheets will then take care of which items are visible and how the pages
laid out when someone views with a certain device.
There's lots of help on the web to help you learn about this but I can recommend a really good book to get you started. Have a look at "Responsive Website Design" by Ethan Marcotte.
Nov 09, 2012 07:14 PM|LINK
I recommend to go for responsive webdesign as the previous posted said. you just have to spend time initially.
Moreover, even if you do a fixed width website. Moden mobile phones will scale according to their screen size.