如果通过移动设备访问网站，则显示错误页面。我已经试过了@media only screen (max-device-width : 768px) { html,body { display: none; } }和if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { getElementById('body').style.display = 'none';}
2 回答
一只名叫tom的猫
TA贡献1906条经验 获得超3个赞
将最大宽度更改为980px
@media only screen and (max-width: 980px) {
html, body {
display: none;
}
}
largeQ
TA贡献2039条经验 获得超7个赞
首先，访问这里以获得检查它是移动浏览器链接的最佳方法。
其次，你应该注意一些事情。
-body是一个标签名称，而不是一个id（如果你设置<body id="body"> then it's okay）。通过它们的非标签名称getElementById获取元素。 -也许浏览器不会理解，正确的方式id
getElementByIddocument.getElementById
因此，在“if check”中，从上面的链接中获取，将此代码推入，它的工作原理
document.querySelector('body').style.display = 'none';
// or
document.getElementsByTagName('body')[0].style.display = 'none';
添加回答
举报
0/150
提交
取消