在android平台的uc浏览器和微信浏览器中使用display: flex;会出问题。
使用display: flex;的时候需要加上display: -webkit-box;
使用flex: 1;的时候要加上:
-webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1;
使用align-items: center;的时候需要加上:-webkit-box-align: center;
使用flex-direction: column;的时候需要加上:
-webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical;
解决UC浏览器、微信浏览器使用display:flex;的兼容性问题
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 在 Android 平台的 UC 浏览器和微信浏览器中使用 display: flex; 会出问题。使用 disp...