Development of web interfaces for mobile devices
How to make your site look good both in a standard browser and on various mobile devices?
I'm currently not sure about trying to make my layout resizable to work on small devices or provide separate CSS for mobile devices. My use case is a chess game where I want the entire board to be accessible without scrolling down.
What would you recommend?
source to share
there is basically no easy way to do this, you can use CSS on most modern phones to control the output, but you need to resize the images before displaying them on the phone since all phones have different screen sizes.
The best site I've come across in mobile design is: http://patterns.littlespringsdesign.com/index.php/Main_Page
source to share
I don't know if you understand what the big question you are asking is "different mobile devices"? A multitude of devices, a multitude of resolutions, and a multitude of errors and limitations, entirely from iPhones that any regular browser can handle, can handle small small black and white screens.
In theory, you could write separate CSS for targeted handheld devices
<LINK REL="stylesheet" TYPE="text/css" MEDIA="handheld" HREF="handheld.css">
but personally, if you are trying to support a large number of devices, I think that detecting the device and trying to encode it that it can handle is the only real solution.
You can start looking at how big the problem is: WURLF , which is a 13MB XML file of details about various devices and their capabilities.
source to share