suwan
suwan
  • 发布:2016-03-03 10:28
  • 更新:2016-03-03 16:27
  • 阅读:1628

登录界面设置样式

分类:MUI

我想把红色部分,不固定距离顶部的高度,自动识别设备的屏幕大小,放到黄色的部分,居中,请问怎么解决,在线等。

2016-03-03 10:28 负责人:无 分享
已邀请:
柳枫

柳枫

这个找UI设计师搞定吧!
不知道我理解的对不对,你是想无论屏幕大小,输入框都是居中显示,那就需要获取屏幕的height,然后利用JS算出居中位置,动态修改CSS属性实现。但是有个问题,不要忽略上面LOGO的DIV层,如果屏幕高度不够的话,有可能覆盖LOGO的DIV层。

  • suwan (作者)

    是的,现在我在输入框中输入字样的话,背景图就会向上,我想固定住背景图片,输入框这一部分的div只能在屏幕的中间,根据设备的大小自动变化,请问,你们把解决的代码贴一下吗?

    2016-03-03 15:04

  • 柳枫

    一般这样的情况都是绝对定位的,除非特殊情况比如弹窗需要垂直居中。要不屏幕小的话,LOGO和登录输入部分就重叠了,或者屏幕大,比如PAD,就有可能LOGO与输入部分上下拉开的距离变大,变的不美观。除非LOGO与输入部分在一个DIV层,然后JS动态调整垂直居中。可以搜一下CSS垂直居中,相信能解决你的问题。

    2016-03-03 15:33

DCloud_UNI_FXY

DCloud_UNI_FXY

发个测试工程,我帮你调一下

柳枫

柳枫

MUI支持JS混淆压缩加密吗?

  • DCloud_UNI_FXY

    http://ask.dcloud.net.cn/article/249

    2016-03-03 16:02

  • 柳枫

    THANKS

    2016-03-03 16:08

小小鸟try

小小鸟try

外层加一个div做flex布局

该问题目前已经被锁定, 无法添加新回复