微信小程序 width 100% 加 margin 或 padding 溢出屏幕

微信小程序 width 100% 加 margin 或 padding 溢出屏幕

  • [方案1:fill-available + margin](#方案1:fill-available + margin)
  • [方案2:box-sizing + padding](#方案2:box-sizing + padding)

方案1:fill-available + margin

css 复制代码
	width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    margin: 10rpx 20rpx;

方案2:box-sizing + padding

css 复制代码
	width: 100%;
	padding: 10rpx 20rpx;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
相关推荐
HappyAcmen7 小时前
关于微信小程序的面试题及其解析
微信小程序·小程序·notepad++
乔冠宇7 小时前
微信小程序修改个人信息头像(uniapp开发)
微信小程序·小程序·uni-app
学代码的小前端7 小时前
0基础学前端-----CSS DAY13
前端·css
lvbb668 小时前
微信小程序-路线规划功能
微信小程序·小程序·notepad++
engchina9 小时前
@media 的常用场景与示例
css·media
林的快手10 小时前
CSS列表属性
前端·javascript·css·ajax·firefox·html5·safari
爱上大树的小猪11 小时前
微信小程序模仿快播标签云滚动特效
微信小程序·小程序
從南走到北15 小时前
挪车小程序挪车二维码php+uniapp
微信小程序·小程序·开源·微信公众平台
黑云压城After15 小时前
uniapp小程序自定义日历(签到、补签功能)
小程序·uni-app
烂蜻蜓15 小时前
Uniapp 设计思路全分享
前端·css·vue.js·uni-app·html