2 modifier world Modifier_World 于 2016.09.12 20:27 提问

Web 手机中的数字键盘会把绝对定位的表单顶错位

新手一枚,网上查过好久,找不到满意的答案,求大佬帮忙解惑。谢谢。

2个回答

zqbnqsdsmd
zqbnqsdsmd   2016.11.16 02:22
已采纳
zqbnqsdsmd
zqbnqsdsmd   2016.11.16 02:22
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
CSS绝对定位在宽屏分辨率下错位
网页兼容测试,除了做不同浏览器兼容的测试,还要观察网页在不同分辨率下的表现情况。在页面中使用了CSS绝对定位,发现在宽屏下错位。随后测试非1024*768分辨率,都有很严重的错位情况。最后找出了原因,CSS绝对定位是相对于紧邻最近的上级元素 的位置,一开始我理解为浏览器左上角,这样在不同分辨率下就会出问题,用position:relative;  声明一下参考的固定位置就OK了。如下面这段其中Top,Left都是指相对div.contentArea的位置。页面Html相关CSS定义.contentAre
IE、Firefox使用绝对定位(absolote) 网页居中布局 支持IE7,8,FF
对于企业官网来说,网站要有自己独特的个性,并且,不能使用太“老土”布局办法(使用table布局确实比较省事,但是当页面足够复杂,元素之间位置无序,甚至相互重叠,table就难以满足要求,而且对于一个大企业来说,使用table来控制布局,实在有点拿不上台面),再加上要适应不同分辨率屏幕的需求,布局就变得比较麻烦。       众所周知,使用绝对定位(position:absolute)的方式来布局
【从0到1学Web前端】CSS定位问题三(相对定位,绝对定位)
到这里可以验证当使用`top` `right` `bottom` `left` ***(这四个属性可以设置具体的像素数也可以设置百分比)***这样属性改变元素的位置的时候,不会影响其他元素的位置。而使用`margin` 这样的属性改变元素的位置会影响其他元素的位
html在移动端input调出数字键盘同时密文输入
input {                 position: absolute;                 margin: 100px auto;                 width: 80%;                 height: 45px;             }                          input {       
html中的绝对定位偏移问题处理
html中的绝对定位偏移问题处理
H5--(解决)安卓中input输入框获取焦点后,底部固定定位的按钮顶起问题
问题描述:手机H5页面当input输入框获取焦点时,软键盘会弹起,这时:IOS底部固定定位的按钮不会随着键盘弹起而弹起;而安卓底部固定定位的按钮会跟随软键盘弹起而顶起,往往会遮挡一部分视图,这对用户的体验有点不好,故本篇文章将利用js来解决这个问题,优化用户体验。 1、解决思路 当软键盘弹起时,将底部弹起的按钮隐藏;当软键盘收起时,将按钮正常显示。 2、确定捕获的事件 (1)i...
webview的input输入框获取焦点弹出数字键盘
其实项目是后台项目,给移动端做的html界面,以前一直做前台,知道IOS,Android都能设置键盘弹出方式,也学过java web 结果当时就没想到,额. 平时input type="text" 都是这样写,弹出的不是数字键盘, 如果弹出数字键盘只需要改type即可. type="text" 改为 type="number" 即可,重新运行,测试通过,弹出的是带数字的键盘.和t
移动端开发input标签调用数字键盘
先上代码 6)value=value.slice(0,6)"/> maxlength属性规定输入内容的最大长度,有些浏览器会出现把type设置为number后maxlength就失效了,微信浏览器我测试的时候还没有遇到这种情况,为了预防万一我们可以加上以下这行代码:oninput="if(value.length>6)value=value.slice(0,6)" type="text"和
绝对定位 软键盘弹出时顶起底部按钮
问题描述: 看图 软键盘弹出就变成了这样。。。。遮住了我们的内容。 解决方法: 来个媒体查询:让他在软键盘弹出的时候底部的按钮就隐藏。 @media (max-width:400){  .footer{display:none;} } 还有一种解决的办法 var winHeight = $(window).height();   /
移动web端<input type="number">手机上点击直接打开数字键盘,并修改样式去除最右端上下箭头
CSS样式代码: input[type='number'] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margi