css - 如果用户正在从移动设备查看，我可以删除插件吗？

Question

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

我的平台是 wordpress。是否有 wordpress 快捷方式，或在 HTML5/CSS 中执行此操作的方法？如果没有，是否有办法将简单的条件写入 Wordpress？

谢谢

Answer 1

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

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

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

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