【发布时间】:2011-11-20 07:30:19
【问题描述】:
如果用户从移动设备观看,我想删除视频播放器(可以像 #video{display:none;} 一样简单)。
我的平台是wordpress。是否有 wordpress 快捷方式,或在 HTML5/CSS 中执行此操作的方法?如果没有,有没有办法在 Wordpress 中写一个简单的条件?
谢谢
【问题讨论】:
标签: css wordpress html conditional
如果用户从移动设备观看,我想删除视频播放器(可以像 #video{display:none;} 一样简单)。
我的平台是wordpress。是否有 wordpress 快捷方式,或在 HTML5/CSS 中执行此操作的方法?如果没有,有没有办法在 Wordpress 中写一个简单的条件?
谢谢
【问题讨论】:
标签: css wordpress html conditional
最简单的方法是使用一些 Javascript 来找出正在访问页面的浏览器,然后据此采取一些措施。
可以在此处找到有关发现浏览器的信息 http://www.w3schools.com/js/js_browser.asp
从那里我想你有两个选择
不知道这是否与 wordpress 相关,但这是我知道的方法。
【讨论】:
在 javascript/CSS 中有很多方法可以做到这一点。很难说哪种方法最适合您,但根据当前的最佳实践,我不会按照建议嗅探用户代理,而是在您的 style.css 中创建一个“响应”部分,该部分只会在移动设备上触发。
@media (max-device-width: 480px) {
#video {
display: none;
}
}
适用于所有移动浏览器。您可以根据需要调整设备宽度。
有关此技术的更多信息,称为响应式网页设计:http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
【讨论】: