在移动设备上加载页面时隐藏使用PHP的元素

Question

我想在页面加载到移动设备上时隐藏Bootstrap轮播的滑块。

使用PHP可以做到这一点吗？

Answer 1

你可以解析$_SEVER['HTTP_USER_AGENT'] - 但你必须处理很多用户代理。

或者您可以使用库，例如​​Mobile Detect。

Answer 2

您可以使用jQuery

var width = $(window).width(), 
    height = $(window).height(); 

if (width < 720) { 
    $('.carousel').remove(); 
} 

Answer 3

看一看这一个：

https://codex.wordpress.org/Function_Reference/wp_is_mobile

，或者如果你想要的东西更 '复杂'：

http://mobiledetect.net/

但是，在手机上隐藏div的最佳解决方案是css。

@media only screen and (max-device-width: 480px) { 
.SliderClass{ 
    display:none; 
} 
} 

如果使用引导程序，你可以使用的类隐藏-SM或隐藏-XS，如果你不希望在移动的传送带。