起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1786|回复: 9

[结贴] 键盘设置

[复制链接]

61

主题

170

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
QQ
发表于 2016-12-8 15:30:20 | 显示全部楼层 |阅读模式
我自己弄的登录界面,点击input之后弹出键盘,请问键盘可以直接覆盖在页面上面吗,而不是需要占空间,导致我页面设置了高度为100%之后,背景图很难看
发表于 2016-12-8 15:38:46 | 显示全部楼层
如果 键盘直接覆盖在页面上面
那么input在最下面的时候,编辑数据就无法看到了!背景图建议使用background-repeat: 属性,不要设置固定高度!
否则不同设备上自适应不太好!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

61

主题

170

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
QQ
 楼主| 发表于 2016-12-8 15:51:35 | 显示全部楼层
liangyongfei 发表于 2016-12-8 15:38
如果 键盘直接覆盖在页面上面
那么input在最下面的时候,编辑数据就无法看到了!背景图建议使用background ...

我高度设置的是100%,我在下面有一张图片,但是点击input之后会出现下面的情况
Screenshot_2016-12-08-15-49-15-728_com.justep.NEW.png
Screenshot_2016-12-08-15-49-32-311_com.justep.NEW.png
回复 支持 反对

使用道具 举报

发表于 2016-12-8 16:00:31 | 显示全部楼层
zhoupaopao 发表于 2016-12-8 15:51
我高度设置的是100%,我在下面有一张图片,但是点击input之后会出现下面的情况 ...

建议真机调试,自己使用chrome调试看看吧!
样式问题就需要不断调试才能解决的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

61

主题

170

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
QQ
 楼主| 发表于 2016-12-8 16:06:47 | 显示全部楼层
liangyongfei 发表于 2016-12-8 16:00
建议真机调试,自己使用chrome调试看看吧!
样式问题就需要不断调试才能解决的! ...

这个就是我在手机上面测试截的图,因为我要设置背景颜色,所有高度必须设置,但是肯定不能是一个固定值,那么我就随屏幕的大小,我设置一个100%,导致了点击input之后背景色的100%就只是在键盘的上方,往下拉的话背景色还是白色
回复 支持 反对

使用道具 举报

61

主题

170

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
QQ
 楼主| 发表于 2016-12-8 16:09:15 | 显示全部楼层
liangyongfei 发表于 2016-12-8 16:00
建议真机调试,自己使用chrome调试看看吧!
样式问题就需要不断调试才能解决的! ...

感觉有input的时候不能用百分比来设置,我之前高度都是百分比设置的,导致点了input之后全缩在一块了,这些问题有什么解决的方法吗?
回复 支持 反对

使用道具 举报

发表于 2016-12-8 16:21:50 | 显示全部楼层
zhoupaopao 发表于 2016-12-8 16:09
感觉有input的时候不能用百分比来设置,我之前高度都是百分比设置的,导致点了input之后全缩在一块了,这 ...

建议先在crome上调试看看!
将浏览器的高度拉小后,样式有什么变化吗?
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

61

主题

170

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
QQ
 楼主| 发表于 2016-12-8 16:40:08 | 显示全部楼层
liangyongfei 发表于 2016-12-8 16:21
建议先在crome上调试看看!
将浏览器的高度拉小后,样式有什么变化吗?

恩,有变化的,貌似设置了100%的高度后只人当前页面的100%,当页面小需要下拉时,下面的就不在这个100%里面了,一般这个怎么解决
AV[1LJ[0
回复 支持 反对

使用道具 举报

发表于 2016-12-8 16:59:08 | 显示全部楼层
zhoupaopao 发表于 2016-12-8 16:40
恩,有变化的,貌似设置了100%的高度后只人当前页面的100%,当页面小需要下拉时,下面的就不在这个100%里 ...

css为问题,建议您上网搜下解决方法吧!
肯定是背景图片设置不合理!
找一个案例重新设置下背景图片吧!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

61

主题

170

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
QQ
 楼主| 发表于 2016-12-9 09:11:04 | 显示全部楼层
liangyongfei 发表于 2016-12-8 16:59
css为问题,建议您上网搜下解决方法吧!
肯定是背景图片设置不合理!
找一个案例重新设置下背景图片吧! ...

恩,我貌似找到原因了,我的源码文件是直接写订单,不是在设计里面拖的,我按照的是普通的html方式写,可能与wex5不一样吧,发现内容必须放在panel下面的content中,背景才能全部,而我如果父控件是div的话就不行了,可以结贴了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-6-24 12:47 , Processed in 0.120234 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表