本文记录了在开发小程序过程中遇到的问题及解决方法，包括文件大小限制、图片路径错误、样式优先级问题以及居中对齐的样式设置。通过压缩图片、使用云存储、修正路径和调整CSS样式，可以有效解决这些问题。同时，分享了垂直和水平居中对齐的CSS技巧。
记录做一个完整小程序时遇到的各种错误！
1.预览的时候显示文件超过2M?
解决：1、发现是images文件中图片内存过大，把 .png改成了 .jpg就好了。图片文件尽量避免 .png格式！
2、将图片存入云存储，路径用云存储链接，文件夹里就不需要放图片了。
2.小程序显示这样的错误：
解决：这样的错误提示表明有图片路径有问题，要找到写错的路径改回来。
3.查看样式的时候 user agent stylesheet表示是浏览器自带的样式。
如果user agent stylesheet下的样式高于我们自己写的样式，修改方法：
打开小程序中的app.json文件，去掉 style：“v2”
4、垂直居中对齐样式
在CSS文件中加入：
display: flex;
align-items: center; //垂直居中
justify-content: center; //水平居中
5、居中样式设置
display: flex;
justify-content: center;
margin:auto; //前提是外面要有个父容器
持续更新中。。。
扫一扫
3320
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
