之前修改了rcloud主题的自适应,在本地测试的时候由于没有联网,所以相应的js也没加载,看似完美的主题,在与外界网络联系的时候却出现了我不曾始料的不兼容问题。
尔等的粗心,造成了主题在PAD端与Phone端的悬浮错位问题,在端口下滑的时候主题极其难看,没有学过js,也不知道该如何控制,心想着和css一样,用个简单的display就可以解决,结果直接无法控制。
之前的想法一直是获得页面的大小,然后根据返回的大小来隐藏js,Google一下,说是用crul函数可以返回length,然后做出判断。
试了一下,无法返回那个参数,瞬间感觉整个人不好了,忽然看见博客里的内容,函数时之前水煮鱼博客的,目的是在phone上显示某些东西,这样一想,反过来不就好了~
1
2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
function rccoder_is_mobile() {
if ( empty($_SERVER['HTTP_USER_AGENT']) ) { return true; } elseif ( ( strpos($_SERVER['HTTP_USER_AGENT'], 'Mobile') !== false && strpos($_SERVER['HTTP_USER_AGENT'], 'iPad') === false) // many mobile devices (all iPh, etc.) || strpos($_SERVER['HTTP_USER_AGENT'], 'Android') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Silk/') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Kindle') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'BlackBerry') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mini') !== false || strpos($_SERVER['HTTP_USER_AGENT'], 'Opera Mobi') !== false ) { return false; } else { return true; } } |
上面的函数特别简单,在判断是手机端的时候返回flase,即可达到我想要的目的了。
调用的时候就特别简单:
1
2 3 |
content |
这样,把需要隐藏的内容写在里面就行~~当然也完美解决了我的自适应问题,欢迎大家在手机端和PAD判断(这是判断设备,所以,浏览器直接缩小窗口是无法看到效果的)