Targetting Android Mobile Devices (Galaxy S) with CSS -


I am trying to target Android devices with a CSS file, but I've been unsuccessful so far. I am using the following CSS code:

  @ Media only screen and (max-device-width: 800px) {body {max-width: 100%; Background color: # 000; }}   

I am also implementing a CSS code with the following line in the PHP file:

  & lt; Link rel = "stylesheet" type = "text / css" href = "small.css" />   

Any ideas on what could be wrong?

Thanks

Within PHP, you can check, and based on that A suitable style sheet is applied.

And do not forget the viewport settings within a meta tag:

  & lt; Meta name = "viewport" content = "width = device-width; initial-scale = 1.0; maximum-scale = 1.0; user-scalable = 0;" / ";    

Comments