使用CSS定位Android移动设备（Galaxy S）

Question

我试图使用CSS文件来定位Android设备，但直到现在我一直没有成功。 我使用下面的CSS代码：

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

我还调用CSS代码的PHP文件中的以下行：

<link rel="stylesheet" type="text/css" href="small.css" /> 

什么我可能是做错了任何想法？

感谢

Answer 1

在PHP中，你可以检查user agent，并基于该应用适当的样式表。

而且不要忘了元标记中的视口设置：

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />