早期网页是按照1:1做的没问题。
新网页按照750设计图宽度制作,再按照zoom适配不同屏幕等比缩放。发现一旦使用的了微信的设置字体会导致zoom失效。div能缩放但文字不能缩放。网上的方法是
text-size-adjust:100% !important;
使用ios设备测试发现设置成100%依旧无法正常显示文字,改成auto可以解决。如:
body {
-webkit-text-size-adjust: auto !important;
text-size-adjust:auto !important;
-moz-text-size-adjust:auto !important;
}
月份:2020年4月
微信网页中ios,input输入框底部留白问题
网上基本是把滚动条设置到顶部的思路。
我们碰到的也可能是个案。发现如果给div设置过overflow会出现。使用body自己的overflow则不会出现留白,在布局的时候尽量不要自己设置overflow层外部有fixed+input的组合就行了