uniapp中写微信小程序 flex失效
时间: 2023-07-13 20:40:22 浏览: 187
基于uniapp设计的微信小程序源码.zip
5星 · 资源好评率100%
您好,关于在uniapp中开发微信小程序时flex失效的问题,可能是由于微信小程序的样式兼容性问题导致的。
解决方法如下:
1. 首先,您可以尝试添加样式 `-webkit-box-orient: vertical;`,以兼容微信小程序。
例如:
```css
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-box-align: center;
```
2. 如果仍然无法解决问题,您可以使用其他布局方式代替flex布局。
例如:
```css
display: block;
position: relative;
width: 100%;
height: 100%;
```
这样就可以实现类似flex布局的效果了。
希望以上解决方法能够帮助到您。
阅读全文