uniapp问题杂记

一,以后就会陆续在这篇文章中记录常见和困难的问题

目录

一,以后就会陆续在这篇文章中记录常见和困难的问题

1.uniapp怎么设置百分百高

[2.uniapp 解决width="100%"下padding无效问题](#2.uniapp 解决width=“100%“下padding无效问题)


1.uniapp怎么设置百分百高

前言,今天实习生问我怎么设置百分百高,为什么他的页面设置百分百了还是有滚动条,在这纪录一下希望帮到新入门同样有疑惑的小伙伴

在App.vue中 定义样式

复制代码
	uni-page-body {
		height: 100%;
	}

然后在你布局的页面 最外层盒子直接设置百分百高就好了

复制代码
<template>
	<scroll-view class="content-box" scroll-x="true" refresher-enabled="true" :refresher-triggered="refresh"
		@refresherrefresh="onRefresh">

</scroll-view>
</template>




//style
.content-box{
    height:100%
}

2.uniapp 解决width="100%"下padding无效问题

原因:我们给内容设置了width为100%,却在默认情况下它是标准盒模型,所以width只是指content的值,此时我们在给他加padding或者设置border宽度的时候,其实盒子的宽度就大于100%了。

解决方法:给加了padding或border的盒子加

复制代码
box-sizing: border-box;
相关推荐
天一生水water2 分钟前
three.js加载三维GLB文件,查看三维模型
前端·1024程序员节
无风听海5 分钟前
HarmonyOS之启动应用内的UIAbility组件
前端·华为·harmonyos
冰夏之夜影16 分钟前
【科普】Edge出问题后如何恢复出厂设置
前端·edge
葱头的故事1 小时前
vant van-uploader上传file文件;回显时使用imageId拼接路径
前端·1024程序员节
Mintopia2 小时前
🇨🇳 Next.js 在国内场景下的使用分析与实践指南
前端·后端·全栈
Mintopia2 小时前
深度伪造检测技术在 WebAIGC 场景中的应用现状
前端·javascript·aigc
BUG_Jia2 小时前
如何用 HTML 生成 PC 端软件
前端·javascript·html·桌面应用·1024程序员节
木易 士心2 小时前
CSS 样式用法大全
前端·css·1024程序员节
012925202 小时前
1.1 笔记 html 基础 初认识
前端·笔记·html
2501_915918412 小时前
iOS 26 查看电池容量与健康状态 多工具组合的工程实践
android·ios·小程序·https·uni-app·iphone·webview