Last post May 01, 2014 12:09 PM by CASPartan
May 01, 2014 07:19 AM|Mike007|LINK
how can I optimize my website to run on mobile devices please ?
May 01, 2014 07:22 AM|Dharmesh.Kotadiya|LINK
May 01, 2014 07:38 AM|vikash702|LINK
Try to add below meta tag inside page head section...
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
May 01, 2014 11:14 AM|Mike007|LINK
thank you but I want to know how to detect that the user is viewing my website using a phone
I remember it's like [if -----]
May 01, 2014 11:22 AM|Rion Williams|LINK
You may want to consider looking into Responsive Design, which can handle scaling your content based on the current resolution of your browser or device. (This
It isn't really automatic and you will likely have to tinker with it a bit to get everything working and looking just as it should, but it is probably the best method of handling a situation like this (depending on the controls that you are using).
There are Reponsive Design frameworks and boilerplates that you can use to implement these into your site such as Twitter Bootstrap (and
a varitety of others).
These could fairly easily be integrated into a Web Forms or MVC application and would basically be all that you would need to use :
This would really eliminate having to distinguish between a mobile and traditional (desktop) CSS file for each of the pages within your website. The above articles are specific to integrating Bootstrap (one of the most popular
Responsive Design frameworks out there) into your ASP.NET Applications.
May 01, 2014 11:31 AM|Mike007|LINK
thank you very much
May 01, 2014 12:09 PM|CASPartan|LINK
Bootstrap 3 (not Bootstrap 2) is a "mobile-first" css framework.
See tutorial and samples here.
For designing Responsive websites, I usually have my iPhone, iPad also running an app called "Adobe Edge Inspect", and a Chrome plugin with the same name. Whatever page you're viewing on your Chrome browser is also updated and shown on your iDevices. Refresh
the page on the desktop browser, and all my mobile devices screens also get updated. Makes for a faster and easier design cycle as you tweak your CSS.
** If you have XCode installed, you can also run the iOS Simulator and select which device you want to use.
update: ** Ooops, I'm using OSX so you probably won't have this option on Windows.
update2: remove trailing space from url link