css判断微信小程序还是h5

可以通过检测userAgent来判断微信小程序还是H5，具体方法如下：

1. 在CSS中使用@media媒体查询功能，根据不同的userAgent设定不同的样式。例如：

@media screen and (min-width: 320px) and (max-width: 480px) {

/* H5 */

}

@media screen and (min-width: 1024px) {

/* 小程序 */

}

2. 通过JavaScript代码获取当前页面的userAgent字符串，然后根据字符串中包含的内容来判断是微信小程序还是H5。

参考文献

建议在WeixinJSBridgeReady回调中使用

通过window.__wxjs_environment变量判断是否在小程序环境

也可以使用 JSSDK 1.3.2 提供的 getEnv 接口（在wx.ready(function(){}）中使用）

微信JS-SDK说明文档

---