使用 CSS 定位 Android 移动设备 (Galaxy S)答案

【问题标题】：Targetting Android Mobile Devices (Galaxy S) with CSS使用 CSS 定位 Android 移动设备 (Galaxy S)
【发布时间】：2011-03-29 00:21:10
【问题描述】：

我正在尝试使用 CSS 文件定位 Android 设备，但直到现在我都没有成功。我正在使用以下 CSS 代码：

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

我还在 PHP 文件中使用以下行调用 css 代码：

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

有什么想法我可能做错了吗？

谢谢

【问题讨论】：

【解决方案1】：

在 PHP 中，您可以检查user agent，并在此基础上应用适当的样式表。

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

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

【讨论】：