微信小程序 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;
相关推荐
用户0595401744630 分钟前
把待办应用从Electron换成Tauri,内存占用狂降90%,打包体积仅5MB
前端·css
m0_5261194016 小时前
iconfont我修改好颜色,但是在小程序项目是黑色的
小程序
小月土星18 小时前
CSS 3D 从入门到炫技:手把手教你写一个旋转立方体
前端·css
xingpanvip19 小时前
星盘接口开发文档:本命盘接口指南
android·开发语言·css·php·lua
HjhIron20 小时前
CSS 3D 世界:从盒子模型到三维空间动画
javascript·css
2601_9567436821 小时前
2026 上海小程序开发甄选:源码、云函数、跨端兼容技术评判
小程序·开发经验·上海
IT_张三21 小时前
CSDN-项目分享-暑期备考小程序
小程序
参宿721 小时前
CSS 悬挂空白与选区溢出
前端·css
黄敬峰1 天前
纯 CSS3 打造 3D 旋转魔方:从文档流、Flex 布局到空间变换的硬核复盘
css
JieE2121 天前
手把手带你用纯 CSS 实现一个 3D 旋转魔方,这些前端基础你能打几分?
前端·css·html