如何使CSS仅对Android手机UC浏览器可见

Question

有没有办法让一些CSS规则仅适用于Android手机UC浏览器？

Answer 1

看一下这篇文章：CSS: User Agent Selectors

基本上，当您使用此脚本时：

var b = document.documentElement;
b.setAttribute('data-useragent',  navigator.userAgent);
b.setAttribute('data-platform', navigator.platform );
b.className += ((!!('ontouchstart' in window) || !!('onmsgesturechange' in window))?' touch':'');

您现在可以使用CSS来定位任何浏览器/版本。

因此，对于Android UC，我查看了here以查看Android UC的用户代理字符串，它们都包含文本“UCBrowser”，因此我们可以执行以下操作：

<强> FIDDLE

html[data-useragent*='UCBrowser'] .someRules
{
    visibility: visible;/* or display:block etc */
}