通过JS怎么控制手机端和电脑端显示不同的div盒子？设备适配显示思路
可以使用 JavaScript 的 navigator.userAgent 属性检测用户设备，并用 CSS 的 display 属性隐藏或显示 div。本文用问答对话形式，讲清 JS 控制设备显示的思路。
站长问： 我想用 JS 控制手机端和电脑端显示不同内容，怎么做？
技术答： 可以使用 JavaScript 中的 navigator.userAgent 属性来检测用户设备，并使用 CSS 的 display 属性来隐藏或显示 div 元素——下面是一个简单的示例：为电脑端显示的 div 写样式（默认显示），为手机端显示的 div 写样式（媒体查询控制）……。思路是：用 userAgent 判断设备 + CSS 控制显示隐藏。
站长问： 具体怎么理解？
技术答： 思路是：JS 判断设备 + CSS display 控制。改完两端就能显示不同内容了。
站长问： 要注意什么？
技术答： 一是设备判断；二是样式控制；三是按需使用。
更新时间：2026-08-27 13:49:07
上一篇：织梦自由列表"不使用目录默认主页"选项勾不上的修复思路