为我的新网站使用wordpress，我正在整理页面的内容。但我正在努力想出一种方法来检测移动浏览器，然后根据从移动设备还是计算机查看页面，更改页面上某些元素（文本/图像）的可见性。
例如。如果onmobile=true，则为else。
提前感谢：）
您可能想要区分屏幕大小，而不是它是否是移动浏览器。
如前所述，您最好使用css媒体查询。现有的css框架之一，如bootstrap，可能是实现这一点的好方法，但您不必使用框架。
@media (max-width: 1024px) {
div.myClass {
display: none;
}
}
将使项目隐藏在小屏幕上（包括移动设备）。
@media (min-width: 1024px) {
div.myClass {
display: none;
}
}
会在大屏幕上隐藏一些东西。从那里开始，混合搭配，达到你想要的任何效果。
在bootstrap中，您可以使用visible-md-block和hidden-xs等辅助类来微调各种屏幕大小的可见性。请参阅Bootstrap文档以了解有关该位的更多信息。
您可以检查移动浏览器并通过以下方式进行编辑：
CSS：
#show{display:none;}
Javascript
function check{
if(window.innerWidth <= 800 && window.innerHeight <= 600) {
document.getElementById('#show').style.display= 'block' ;
} }