Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
Last post Jan 06, 2013 12:43 PM by mhcodner
Jan 01, 2013 01:57 PM|LINK
I would like to costumize the HTML delivery of my site and I am looking for information and examples.
I did read something many months ago how you can detect the screen size and then deliver content specifically for the smaller size.
Can someone point me in the right direction?
Jan 01, 2013 02:02 PM|LINK
You can use this. If your using StarterSite Template then you already have this code in your _SiteLayout.cshtml file.
<meta name="viewport" content="width=device-width" />
Jan 01, 2013 02:04 PM|LINK
the templates which come with WebMatrix 2 are already mobile aware and there are 2 great extensions for free to be installed: iPhone and iPad simulator.
Jan 01, 2013 02:12 PM|LINK
I have built my site using the starter site template. Is that template mobile aware?
Secondly, I did play with the node.js template and the two extensions you mentioned. Do these extensions also work with the starter site template?
Do you know of any tutorials that show how to adapt an existing Webmatrix site, detect screen size and deliver adjusted content for a smartphone?
Jan 01, 2013 02:17 PM|LINK
Here you go
Mike Sir has a article on it
Jan 01, 2013 02:27 PM|LINK
Do these extensions also work with the starter site template?
Sure, why not? It would be rather pointless if an extension would only work with one specific template no?
Jan 01, 2013 09:59 PM|LINK
There are a couple of approaches to this. One is using a a flexible grid system like the Twitter Bootstrap (Google it). This will adjust the columns based on screen size.
The most important thing to remember is the user experience. For that you have to consider an approach that works best for your project. For the project I'm working on now - I'm using Responsive Design concepts using media queries. There are a good resources
available online to get started with responsive design. Visit css-tricks.com and search for responsive design. You will find well explained articles weighing the pros and cons of different approaches.
Jan 06, 2013 12:43 PM|LINK
If you would like your mobile site to look different to your desktop version I would suggest using: