Question

我正在使用具有三种不同样式表的流体css设计，以根据屏幕分辨率进行更改。我有＆＃34; Call＆＃34;和＆＃34;方向＆＃34;内置为800px宽度或更小的按钮，因为大多数现代手机的分辨率宽度都在这个范围内。我的困境是，如果某人有一台旧电脑，比如800x600，他们会看到这些按钮。我不想摆脱流畅的CSS设计，但我想隐藏我在非手机设备上的两个div，甚至平板电脑。

Answer 1

如果您可以使用PHP，请尝试＆＃34;移动检测＆＃34; https://github.com/serbanghita/Mobile-Detect

或者，如果您想要其他语言，请查看以下解决方案： http://detectmobilebrowsers.com/

Answer 2

Si quieres probar con jQuery，hice este script para detectar los navegadores del usuario。

Podráscontrolartodos los elementos desde el css，elscriptañadeunaclase al body con el nombre del dispositivo。

var client_navigator = navigator.userAgent.toLowerCase(),
    client_navigator_version = (client_navigator.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [])[1],
    client_navigator_options = {
        version: client_navigator_version,
        ios: !!client_navigator.match(/ipad|iphone|ipod/i),
        ipad: !!client_navigator.match(/ipad/i),
        iphone: !!client_navigator.match(/iphone/i),
        ipod: !!client_navigator.match(/ipod/i),
        android: !!client_navigator.match(/android/i),
        berry: !!client_navigator.match(/blackberry/i),
        winphone: !!client_navigator.match(/windows phone/i)
    };
$(document).ready(function () {
    client_navigator_options.ios && (client_navigator_options.ipad && $("body").addClass("IOS IPAD"), client_navigator_options.iphone && $("body").addClass("IOS IPHONE"), client_navigator_options.ipod && $("body").addClass("IOS IPOD"));
    client_navigator_options.android && $("body").addClass("ANDROID");
    client_navigator_options.berry && $("body").addClass("BBERRY");
    client_navigator_options.winphone && $("body").addClass("WINPHONE")
});

Espero que te sirva de ayuda，Christian

检测手机浏览器以显示＆＃34;通话＆＃34;甚至认为分辨率很高

2 个答案: