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..........
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!
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.
itsjp
Member
24 Points
106 Posts
Web page design
Nov 08, 2012 08:58 PM|LINK
Hi,
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..........
codeasp
Star
14735 Points
2545 Posts
Re: Web page design
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.
http://forums.asp.net/t/1175390.aspx/1
raju dasa
Star
14730 Points
2496 Posts
Re: Web page design
Nov 09, 2012 05:21 AM|LINK
Hi,
for ur requirement, u can create separate copy versions of web App. or try using the CSS media-queries:
https://developer.mozilla.org/en-US/docs/CSS/Media_queries
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
rajudasa.blogspot.com || blog@opera
roopeshreddy
All-Star
20271 Points
3346 Posts
Re: Web page design
Nov 09, 2012 09:06 AM|LINK
Hi,
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 - http://roopeshreddy.wordpress.com/2012/06/24/detect-requesting-device-type-and-redirect-in-asp-net/
Moreover, you can use CSS 3 Media queries - http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
Finally, User Agent sniffing - http://detectmobilebrowsers.com/
OR
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!
Roopesh Reddy C
Roopesh's Space
getis
Member
12 Points
1 Post
Re: Web page design
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.
homertechnol...
Member
228 Points
57 Posts
Re: Web page design
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.