移动端页面遇到过的各种坑

时间:2022-04-17 21:23:24

 

1.在页面上写的 手机上显示效果与预想的不一样,果断放弃,中间加一个标签:设置宽度为字体大小*需要的间隔的字体数量。

2.当打开手机虚拟键盘输入框的时候,标签高度会缩小,关闭输入框又恢复正常。原因是标签高度设置为百分比,输入框出来占据了空间,百分比实际高度变小。放弃高度百分比设置,改为固定px值。

3.在手机上测试的时候,当放大字体到某个程度的时候 布局错乱,当再放大的时候布局又恢复正常。原因是我用了float布局 之后换成display:inline-block 这种现象就没有再出现了。