微信小程序 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;
相关推荐
weixin_462901977 分钟前
ESP32电压显示
开发语言·javascript·css·python
2501_9339072118 分钟前
本凡科技提供的宁波小程序开发服务全面解决方案
科技·微信小程序·小程序
左师佑图25 分钟前
微信小程序集成 Day.js 插件的完整解决方案
微信小程序·小程序
2501_9339072141 分钟前
本凡科技提供宁波小程序服务与定制解决方案
科技·微信小程序·小程序
计算机徐师兄1 小时前
Java基于SpringBoot的运动健康小程序【附源码、文档说明】
spring boot·小程序·运动健康·java运动健康小程序·运动健康小程序·java运动健康微信小程序·运动健康微信小程序
Xpower 171 小时前
OpenClaw实战:从零开发电商小程序(2)
人工智能·语言模型·小程序·gateway
2501_9339072110 小时前
宁波小程序开发服务与技术团队专业支持
科技·微信小程序·小程序
Dxy123931021614 小时前
CSS常用样式详解:从基础到进阶的全面指南
前端·css
爱敲代码的菜菜15 小时前
【测试】自动化测试
css·selenium·测试工具·junit·自动化·xpath
sheji341619 小时前
【开题答辩全过程】以 基于微信小程序的少儿编程学习平台为例,包含答辩的问题和答案
学习·微信小程序·小程序