使用 CSS 定位 Android 移动设备 (Galaxy S)
我正在尝试使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
在 PHP 中,您可以检查 用户代理,并据此应用适当的样式床单。
并且不要忘记元标记中的视口设置:
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: