移动和桌面HTML标识
移动和桌面HTML标识
提问于 2022-06-06 14:18:37
我试图把一个标志放在桌面上，这是完美的，但当我打开它来看看它在我的手机上看起来很糟糕，它太大了，超出了屏幕。因此，我需要的是一个代码，为我提供的能力，有不同的代码在移动和桌面上，为标志。简单地说，我需要一个代码，它只显示在手机上，不会出现在桌面上，而在桌面上仍然有徽标的属性，而且我可以在手机上修改这些属性。
我真的很感激你能提供的任何帮助。
回答 1
Stack Overflow用户
发布于 2022-06-06 14:24:51
如果我正确地阅读了您的问题，您需要的代码只有在使用移动浏览器时才能运行。虽然这并不完美，但对于绝大多数浏览器来说都是准确的：
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
// user is on mobile
} else {
// user is on desktop
}这还将根据viewport的大小进行检查(这不太准确，因为可以调整桌面窗口的大小以欺骗它)：
if (window.innerHeight > 750) {
// user is on mobile
} else {
// user is on desktop
}提供一个代码示例也可以帮助澄清这个答案是否对您没有帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/72519053
复制相关文章
相似问题
腾讯云开发者
