美文网首页
安卓微信h5,键盘唤起的问题

安卓微信h5,键盘唤起的问题

作者: wangluying | 来源:发表于2021-04-08 10:58 被阅读0次

    安卓的键盘唤起会改变页面的高度,ios的键盘唤起不会改变页面的高度

    为了解决安卓手机改变页面的高度想了很多的办法,比如直接修改页面的大小,这样会导致,在微信公众号中前进后退按钮出现时,页面出现滚动条;写监听感觉有些小题大作。

    解决这个问题可以使用css,写最少的代码做最高效的事

    @media screen and (min-width: 320px) and (max-width: 415px) and (max-height: 500px) { .weChatBox { display: none !important; }}

    @media screen and (min-width: 481px) and (max-width: 1024px) and (max-height: 800px) { .weChatBox { display: none !important; }}

    使用响应式布局就能完美解决这个问题

    这个除了可以写在style标签中,还能写在外部样式

    <link rel="stylesheet" media="screen and (max-width:768px)" href="./css/phone.css" />

    写在html中,就能根据media的条件选用不同的css文件

    相关文章

      网友评论

          本文标题:安卓微信h5,键盘唤起的问题

          本文链接:https://www.haomeiwen.com/subject/lcbmkltx.html