安卓机微信公众号中测试移动web页面,有横竖屏两个css方案。
竖屏下点击input后弹出键盘,css样式全部失效,横屏下点击input弹出键盘则不会失效。
css如下
@media only screen and (max-aspect-ratio: 13/9) {
...
}
@media only screen and (min-aspect-ratio: 13/9) {
...
}
用min-aspect-ratio是为了解决竖屏下弹出键盘后自动引用横屏css样式的问题。
请问有什么方案能够解决竖屏下弹出键盘后css失效的问题?