Screen Displays can be measured in pixels - width by height. Desktops will typically be over 1,000 wide whereas a mobile phone might be more like 320 pixels wide. The physical difference in size is quite a bit and whereas a desktop can display quite a lot of text across it, on a mobile you would want to only show small chunks of text at a time so that people can manage to read it. So what needs to happen is you need to have a so-called "responsive" design which will detect the resolution and physical width of the device on which the user is viewing your website and display the content appropriately.
(If you want to find out more about the different display sizes currently being used, use these links but you do not need to as I really want to keep things simple for you ! http://gs.statcounter.com/#resolution-na-monthly-200903-201401
and
http://www.smashingmagazine.com/2013/03/21/responsive-web-design-with-physical-units/)
What I recommend is that you make use of a Responsive Web Template.
There is quite a bit of coding behind a responsive web site design and really I'd recommend you dont start to try and do this yourself. (If you want to try this then good luck with it but this is not the blog for you !)
So make use of the following templates which I have found useful. So far there are not many templates out there. They seem to be based around a so called skeleton template which breaks the screen up into either a width of combinations of up to 12 columns.
No comments:
Post a Comment