本文总结了小程序中WXSS的基本控件使用，包括图片宽高自适应的mode属性，如scaleToFill、aspectFit和aspectFill等；图片水平居中方法；布局横向排列的实现；隐藏NavigationBar的技巧；解决登录处理程序未定义的常见问题；调整switch样式大小的方法；以及针对input元素不沾满屏幕右侧留白的解决方案。
1. 图片宽高自适应
<image mode='aspectFit' src='a.png'></image>mode 属性：
默认值：scaleToFill —- 不保持纵横比例缩放图片，使图片的宽高完全拉伸至填满image标签
aspectFit —- 保持纵横比例缩放图片，使图片的长边能够完全显示出来，也就说图片可以完整的显示出来
aspectFill —– 保持纵横比例缩放图片，只保证图片的短边能够完全显示出来，也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取
top —- 不缩放图片，只显示图片的顶部区域
bottom —- 不缩放图片，只显示图片的底部区域
center —- 不缩放图片，只显示图片的中间区域
left —- 不缩放图片,只显示图片的左边区域
right —– 不缩放图片，只显示图片的右边区域
top left —- 不缩放图片,只显示图片的左上边区域
top right —- 不缩放图片,只显示图片的右上边区域
最低0.47元/天 解锁文章
扫一扫
4598
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
