To include styling for smart phones?

[dms]

The site I'm to build needs to scale well on smart phones as well as computer screens. I need to detect that the incoming request is from a phone and then somehow deliver the stylesheet for the smaller screen. I'm using XHTML, CSS and PHP to build the site. Mark

[Wickham]

Here's one solution:-

http://kyleschaeffer.com/best-practices/responsive-layouts-using-css-media-queries/

 

Opera has a feature in "View, Fit to Width" which simulates display on a small screen device like a mobile phone when you reduce the browser window width.

 

What happens is that drop down menus or flyout menus, tables and the like are converted to a vertical list so that a user only has to scroll up and down rather than sideways as well, although he may hve to use the zoom (Opera provides it at the bottom of the simulation window) to get the best display. Tables are shown with each cell in a row below the previous cell instead of across the row.

[LSW]

I use an Android and I like having a choice. Some site recognize am mobile device and then offer a mobile site OR the normal site. I usually choose the normal site when allowed to choose. Something to keep in mind.

[dms]

LSW, you make a good point and I'll most likely add a link to the full site.

 

Wickman, Thanks for the link, I have some reading to do and I'll get back with you.

Edited November 8, 2011 by dms

[LSW]

Sweet!