微信小程序 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;
相关推荐
yuanmenglxb20042 分钟前
微信小程序核心技术栈
前端·javascript·vue.js·笔记·微信小程序·小程序
工呈士44 分钟前
CSS布局实战:Flexbox 与 Grid 精髓解析
css·面试·flexbox
编程毕设1 小时前
【含文档+PPT+源码】基于微信小程序连锁药店商城
微信小程序·小程序
幽络源小助理1 小时前
微信小程序鲜花销售系统设计与实现
微信小程序·小程序
小桥风满袖3 小时前
Three.js-硬要自学系列16 (贝塞尔曲线应用、组合曲线、路径管道、旋转成型、轮廓填充)
前端·css·three.js
换日线°3 小时前
CSS简单实用的加载动画、骨架屏有效果图
css·微信小程序
爱泡脚的鸡腿4 小时前
HTML CSS第七次笔记
前端·css
前端大白话4 小时前
震惊!10行CSS代码就能实现超酷炫的响应式标签云?权重动态变色不是梦!
前端·css·设计
halo14164 小时前
uni-app 小程序中的定位问题 以及 页面安全距离
小程序·uni-app
前端大白话4 小时前
惊!90%前端竟不知如何用CSS给`<q>`标签添加超绝引号?3步实现文本引用华丽变身
前端·css·html