首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >移动和桌面HTML标识

移动和桌面HTML标识
EN

Stack Overflow用户
提问于 2022-06-06 14:18:37
回答 1查看 25关注 0票数 0

我试图把一个标志放在桌面上,这是完美的,但当我打开它来看看它在我的手机上看起来很糟糕,它太大了,超出了屏幕。因此,我需要的是一个代码,为我提供的能力,有不同的代码在移动和桌面上,为标志。简单地说,我需要一个代码,它只显示在手机上,不会出现在桌面上,而在桌面上仍然有徽标的属性,而且我可以在手机上修改这些属性。

我真的很感激你能提供的任何帮助。

EN

回答 1

Stack Overflow用户

发布于 2022-06-06 14:24:51

如果我正确地阅读了您的问题,您需要的代码只有在使用移动浏览器时才能运行。虽然这并不完美,但对于绝大多数浏览器来说都是准确的:

代码语言:javascript
运行
复制
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    // user is on mobile
} else { 
    // user is on desktop
}

这还将根据viewport的大小进行检查(这不太准确,因为可以调整桌面窗口的大小以欺骗它):

代码语言:javascript
运行
复制
if (window.innerHeight > 750) {
    // user is on mobile
} else { 
    // user is on desktop
}

提供一个代码示例也可以帮助澄清这个答案是否对您没有帮助。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72519053

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档