微信小程序 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;
相关推荐
zhaoyang03013 小时前
css3笔记 (1) 自用
前端·javascript·css·vue.js·笔记·html·css3
珎珎啊3 小时前
CSS3 常用功能详细使用指南
前端·css·css3
moxiaoran57536 小时前
uni-app萌宠案例学习笔记--页面布局和CSS样式设置
前端·css·uni-app
chaosama14 小时前
微信小程序带参分享、链接功能
微信小程序·小程序
要加油哦~15 小时前
css | class中 ‘.‘ 和 ‘:‘ 的使用 | 如,何时用 &.is-selected{ ... } 何时用 &:hover{...}?
前端·css
ALLSectorSorft17 小时前
上门服务小程序会员系统框架设计
小程序·apache
空&白20 小时前
css元素的after制作斜向的删除线
前端·css
奇舞精选20 小时前
你可能不知道但非常实用的 HTML5 元素
css
Jolyne_21 小时前
grid 实现完美的水平铺满、间隔一致的自适应布局
前端·css
西洼工作室21 小时前
【解决导航栏字体图标渲染导致文本闪烁问题】采用腾讯视频的解决方案
前端·css·css3