Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

当手机高度>页面高度时,下面多出的区域背景颜色如何处理? #2302

Closed
Zoom2016 opened this issue Mar 1, 2019 · 4 comments

Comments

@Zoom2016
Copy link

Zoom2016 commented Mar 1, 2019

问题描述
UI是按照640画稿设计的页面,当手机高度>页面高度时,下面会露出taro_router的部分区域,于是我尝试修改taro_router的背景色去适应页面,但是一改,其他页面也一起改了。

复现步骤

.taro_router {
  background: rgb(84, 63, 238);
}

期望行为
希望可以独立设置taro_router的颜色。或者,可以得知屏幕的高度,不同尺寸的手机上都能填满整个屏幕。

系统信息

Taro v1.2 及以上版本已添加 taro info 命令,方便大家查看系统及依赖信息,运行该命令后将结果贴下面即可。

  • 操作系统: [e.g. Windows 10]
  • Taro 版本 [e.g. v.0.0.64]
  • Node.js 版本 [e.g. v9.0.0]
  • 报错平台 [h5]

补充信息
[可选]
[根据你的调查研究,出现这个问题的原因可能在哪里?]
可以看下面的图,在iphone5尺寸上正好合适,在iphone6下面会多出一块蓝色的taro_router的背景色

1551413913 1

@taro-bot
Copy link

taro-bot bot commented Mar 1, 2019

欢迎提交 Issue~

如果你提交的是 bug 报告,请务必遵循 Issue 模板的规范,尽量用简洁的语言描述你的问题,最好能提供一个稳定简单的复现。🙏🙏🙏

如果你的信息提供过于模糊或不足,或者已经其他 issue 已经存在相关内容,你的 issue 有可能会被关闭。

Good luck and happy coding~

@Zoom2016 Zoom2016 changed the title 当手机高度>页面高度时,下面多出的区域颜色如何处理? 当手机高度>页面高度时,下面多出的区域背景颜色如何处理? Mar 1, 2019
@luckyadam
Copy link
Member

设置页面高度填满屏幕不行么

@Zoom2016
Copy link
Author

解决了
height: 100vh;

@452MJ
Copy link

452MJ commented Aug 7, 2019

设置100vh后,ScrollView滑动到下半部分的时候,没有起作用

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants