如何让css3自动识别是h5页面还是app 不同环境使用不同的css样式

可以使用CSS media query来实现在不同的设备上使用不同的CSS样式。具体的实现方式可以根据不同的需求来选择，以下是一些示例：

1. 根据屏幕宽度判断是否为移动设备：

@media (max-width: 768px) {
  /* 移动设备样式 */
}

@media (min-width: 769px) {
  /* 非移动设备样式 */
}

2. 根据设备类型判断是否为移动设备：

@media (pointer: coarse) {
  /* 移动设备样式 */
}

@media (pointer: fine) {
  /* 非移动设备样式 */
}

3. 根据设备类型判断是否为触摸屏设备：

@media (hover: none) {
  /* 触摸屏设备样式 */
}

@media (hover: hover) {
  /* 非触摸屏设备样式 */
}

可以根据不同的需求选择相应的CSS media query来实现不同环境使用不同的CSS样式。