如果用户正在通过移动设备查看,我可以删除插件吗?

时间:2011-09-19 14:27:59

标签: html css wordpress html5 conditional

如果用户正在通过移动设备查看,我想删除视频播放器(可能像#video {display:none;}一样简单。)

我的平台是wordpress。是否有wordpress快捷方式,或者在HTML5 / CSS中执行此操作的方法?如果没有,有没有办法在Wordpress中写一个简单的条件?

由于

2 个答案:

答案 0 :(得分:4)

在javascript / CSS中有很多方法可以做到这一点。很难说哪种方法最适合您,但根据当前的最佳做法,我不会按照建议嗅探用户代理,而是在style.css中创建一个仅在移动设备上触发的“响应”部分。

@media (max-device-width: 480px) {
    #video {
        display: none; 
    }
}

适用于所有移动浏览器。您可以根据需要调整设备宽度。

有关此技术的更多信息,称为响应式网页设计:http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

答案 1 :(得分:1)

最简单的方法是使用一些Javascript来查找访问该页面的浏览器,然后根据该操作采取一些操作。

可以在此处找到有关发现浏览器的信息 http://www.w3schools.com/js/js_browser.asp

从那里我认为你有两个选择

  1. 使用javascript
  2. 将它们重定向到页面的移动版本
  3. 使用javascript编辑元素的内部html以删除视频内容
  4. 不知道这是否与wordpress有关,但这就是我知道怎么做的。