Add Mobile Pages to ASP.NET Web Forms.

These are the resolution for Mobile

Device	Screen res (height x width)
iPhone	320 x 480
iPhone 4	320 x 480 (scaled by a factor of 2)
Nokia N97	360 x 640
HTC Legend	320 x 480
LG eXpo	480 x 800

There are Tips for Designing Mobile websites.. resolution and capablities.

• http://labs.thesedays.com/blog/2010/07/16/10-tips-for-designing-mobile-websites/
• http://www.webpagefx.com/design-build-mobile-web-site.html
• http://www.smashingmagazine.com/guidelines-for-mobile-web-development/

I've Answer how to detect device and Redirect Page to Mobile

http://forums.asp.net/t/1814792.aspx/1?Determinr+Mobile+Device

You need to understand.. UserAgent you can use this

Refference

http://css-tricks.com/snippets/javascript/redirect-mobile-devices/

Redirect Mobile Devices

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>

For iPhones/iPods Specifically

<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
   location.replace("http://url-to-send-them/iphone.html");
}
-->
</script>

Or u can use Page_Load

HttpBrowserCapabilities Version = Request.Browser;
if ( Version.IsMobileDevice = true)
{
 Response.Redirect("yourPage-forMobiles.aspx");
}
e;se{
 Response.Redirect("yourRealPage-For-PC-Users.aspx");
}

Good Luck`

Posted in: ASP.NET,How To?,Tips n Tricks