Last post Feb 12, 2013 11:34 AM by roopeshreddy
Feb 12, 2013 06:01 AM|gopalbabu.8689|LINK
I am using Visual Studio 2005 and I am little new for the Mobile web Development. I am developing a website exclusively for mobiles using Mobile Web Forms. I have a requirement that, I need to resize the image based on the mobile display and fit it to the
"<mobile:Image " tag cannot resolve this problem.
Please guide me to get it resolved with an appropriate alternate.
Thanks & Regards
Feb 12, 2013 06:09 AM|urenjoy|LINK
If you want to display same image with different size, set max-width:100% for the image
OR you can use css3 media queries.
Feb 12, 2013 06:30 AM|gopalbabu.8689|LINK
Thanks for you reply. But I think you have mistaken. I need to define the image size in mobile form. Find my following sample source.
<Mobile:Form id="f2" runat="server">
<Mobile:Label runat="server" id="text1" />
<mobile:Image ID="Image1" Runat="server">
In this "<mobile:Image ID="Image1" Runat="Server"></mobile:image>" tag, i need to mention the image size.
Feb 12, 2013 06:43 AM|geniusvishal|LINK
For Different Mobile Device Use Different Images with different dimensions:
Also Try to simulate the page using:
Feb 12, 2013 11:34 AM|roopeshreddy|LINK
Mobile Web Forms are depreciated now! Now a days general ASP.NET web site works absolutely fine in Mobile browsers, since all most all the mobile browsers are capable of rendering HTML 5!
Moreover, try adding Viewport meta tag!
<meta name="viewport" content="width=device-width" />
I blogged the same - http://roopeshreddy.wordpress.com/2012/12/29/mobile-web-applications-with-asp-net-webforms/
Hope it helps u...