在移动设备上加载时使用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;
 }  
}

如果您使用bootstrap，则可以使用hidden-sm或hidden-xs类，如果您不想在移动设备上使用轮播。