css - 在手机上背景显示的问题。
问题描述
背景设置高度100%,在弹出软键盘后背景会上缩,,,有什么办法解决吗
html{height: 100%;}body{ font: '微软雅黑'; background: url(image/bj.jpg) no-repeat center center; background-size: 100% 100%; height: 100%;}
问题解答
回答1:取消html,body的高度100%,背景使用图片绝对定位,宽度百分百,然后登陆框 同样 绝对定位居中。
回答2:宽度100高度自动试试
回答3:在线等,,,急
回答4:用你的代码简单测试了下,貌似没有问题,弹出的键盘虽然会使屏幕可用高度变小,但是感觉就像是盖在屏幕上的,直到你滚动页面到最底部,才看到键盘是占据了屏幕空间的。 怀疑是页面其他样式引起的。 (在iPad 和 Windows Phone 上测试过)
<!DOCTYPE html><html> <head><title>测试</title><style> html{height: 100%; } body{background: url(’test.jpg’) no-repeat center center;background-size: 100% 100%;height: 100%; }</style> </head> <body><h1>测试</h1><input type='text' name='name' value='' /> </body></html>
相关文章:
1. docker网络端口映射,没有方便点的操作方法么?2. css - chrome下a标签嵌套img 显示会多个小箭头?3. vim - docker中新的ubuntu12.04镜像,运行vi提示,找不到命名.4. javascript - 网页打印页另存为pdf的代码一个问题5. java中返回一个对象,和输出对像的值,意义在哪儿6. mysql - 在不允许改动数据表的情况下,如何优化以varchar格式存储的时间的比较?7. css3 - 纯css实现点击特效8. javascript - 关于apply()与call()的问题9. javascript - 有适合开发手机端Html5网页小游戏的前端框架吗?10. docker start -a dockername 老是卡住,什么情况?
