如何设置怪异盒模型?为什么大家偏爱怪异盒模型border-box?
我们都知道有两种盒模型,w3c盒模型和IE盒模型,IE是业界毒瘤所以IE盒模型又叫怪异盒模型(好吧我瞎说的)。content-box,顾名思义,即width就是内容宽度,和边框边距相互独立,反过来 b
2021-11-06 12:52:00
156
在ios11.3之前H5中在弹出层使用input框,光标位置怪异(不正确),偶现情况,在后续ios更新中,已经将此bug修复,但是为了防止用户系统低导致问题,还是做了适配。
原因:
是因为在弹出层中使用了position:fixed导致的ios定位不准确,ios解析fixed有问题。
解决1:
在弹出层中不要使用position:fixed;
解决2:
难免还是使用position:fixed是比较寻常的,所以,另外一种解决方式:
在input onfocus时,设置:
document.body.style.position = 'fixed'; //ios11 适配光标位置问题
在input onBlur时,设置:
document.body.style.position = 'static'; //ios11 适配光标位置问题
解决3:
如果可以,直接设置body的css样式
position: fixed;
width: ;
以上,根据情况可以自选方式尝试修复!
19
2022-10
15
2022-09
14
2022-09
13
2022-09
13
2022-09
13
2022-09