在我的新网站上使用wordpress,然后将页面内容组合在一起。但我一直在努力寻找一种检测移动浏览器的方法,然后根据要从移动设备还是从浏览器查看页面上某些元素(文本/图像)的可见性来进行更改。电脑。
例如。如果onmobile = true,则为,否则为。
提前致谢 :)
可能,您需要区分屏幕尺寸,而不是是否是移动浏览器。
如前所述,使用CSS媒体查询会更好。其中一个现有的CSS框架,如引导的,可以达到一个很好的方式,但你不必须使用一个框架。
@media (max-width: 1024px) {
div.myClass {
display: none;
}
}
将使项目隐藏在小屏幕(包括移动设备)上。
@media (min-width: 1024px) {
div.myClass {
display: none;
}
}
将使某些东西隐藏在大屏幕上。从那里开始,混合搭配即可达到您想要的任何效果。
在引导程序中,您将获得诸如visible-md-block
和的帮助程序类,hidden-xs
以微调各种屏幕尺寸上的可见性。有关该位的更多信息,请参见Bootstrap文档。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句