我正在尝试为设备检测添加一些条件 css,因为桌面和 android 平板电脑景观资源中存在一些冲突
- if android_device?
:css
@media only screen and (max-width : 1280px) and (-webkit-device-pixel-ratio:2) {
/*CSS*/
}
任何人都可以帮助我知道我必须在哪里使用这张支票吗?
我从这个网址得到了这个引用: URL
最佳答案
严格使用 CSS 无法检测操作系统或 Web 浏览器。
我建议使用 Javascript 来检测 Web 浏览器/操作系统,并将类附加到 <body>
相应的页面。
然后您可以针对每个用例编写特定的 CSS,只有在遇到该特定条件时才会执行。
这是一个 example on jsFiddle .
关于android - 设备检测条件 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17964456/