文章详情页
css - 在手机上背景显示的问题。
浏览：278日期：2023-07-28 14:23:19
问题描述
背景设置高度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>
标签：
CSS
相关文章：
1. javascript - 关于jsp中嵌入js代码的问题2. javascript - 百度坐标,返回目标附近有哪些坐标3. javascript - 判断用户网络环境4. javascript - 网页打印页另存为pdf的代码一个问题5. javascript - 有一个异步获取数据的函数A，其他依赖这个A得到的数据的函数是否都必须是异步的？6. javascript - 对不同类别的id的物品中的某个字段做权重覆盖，除了直接使用if else语句还能有更优雅便于维护的方式吗？7. javascript - 关于fullpage.js的横向滚动控制8. javascript - 一个JS多元运算符的问题9. javascript - 为什么var obj = {}创建对象的方法里面不能用this.xxx来声明属性 ?10. angular.js - angurlarJS的安卓的微信端中用加载ngCookies会出错的问题
排行榜
网公网安备