关于uniapp里样式通配符的问题

该问题请在专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

在 uni-app 中，微信小程序平台确实不支持 CSS 通配符选择器 *（根据知识库 release-archive > 1.5.4.20190127 明确说明："非属性选择器中依然不支持通配符（*）"）。但可以通过以下方案解决怪异盒子问题：

1. 使用条件编译：在 app.vue 的样式中区分平台

   /* H5 平台保留通配符 */  
   /* #ifdef H5 */  
   * { box-sizing: border-box; }  
   /* #endif */  
   
   /* 微信小程序平台改用 page 选择器 */  
   /* #ifdef MP-WEIXIN */  
   page { box-sizing: border-box; }  
   /* #endif */  

   uni-app 编译时会自动处理条件编译，确保各平台正确生效。

2. 全局组件方案：在 app.vue 中直接设置基础元素

   /* 适用于所有平台 */  
   view, scroll-view, swiper, button, input {  
    box-sizing: border-box;  
   }  

   微信小程序的 WXML 基础组件均支持此写法，无需通配符。

3. 注意事项

   • 避免使用 * 选择器，小程序平台会忽略该规则
   • uni-app 的 rpx 单位已优化响应式布局，多数场景无需额外处理
   • 若需深度定制，可考虑使用 postcss 插件 处理 CSS 兼容性

此方案基于 uni-app 官方对 CSS 兼容性的处理逻辑（参考知识库 release-archive 记录），无需额外插件即可实现跨平台一致表现。