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

发布于 2024-10-27 13:05:19 字数 359 浏览 1 评论 0原文

我正在尝试使用 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" />

关于我可能做错了什么的任何想法?

谢谢

I'm trying to target Android devices with a CSS file, but I've been unsuccessful until now.
I'm using the following CSS code:

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

I'm also invoking the css code with the following line in the PHP file:

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

Any thoughts on what I might be doing wrong?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

万劫不复 2024-11-03 13:05:19

在 PHP 中,您可以检查 用户代理,并据此应用适当的样式床单。

并且不要忘记元标记中的视口设置:

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

Within PHP, you can check user agent, and based on that apply an appropriate style sheet.

And don't forget the viewport setting within a meta tag:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文