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;
相关推荐
mCell2 小时前
GSAP ScrollTrigger 详解
前端·javascript·动效
gnip2 小时前
Node.js 子进程:child_process
前端·javascript
excel5 小时前
为什么在 Three.js 中平面能产生“起伏效果”?
前端
excel6 小时前
Node.js 断言与测试框架示例对比
前端
天蓝色的鱼鱼7 小时前
前端开发者的组件设计之痛:为什么我的组件总是难以维护?
前端·react.js
codingandsleeping8 小时前
使用orval自动拉取swagger文档并生成ts接口
前端·javascript
石金龙8 小时前
[译] Composition in CSS
前端·css
白水清风9 小时前
微前端学习记录(qiankun、wujie、micro-app)
前端·javascript·前端工程化
Ticnix9 小时前
函数封装实现Echarts多表渲染/叠加渲染
前端·echarts
用户22152044278009 小时前
new、原型和原型链浅析
前端·javascript