如何让 CSS 仅对 Android phone UC 浏览器可见

Question

有没有办法让一些 CSS 规则只对 Android phone 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 */
}