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

安卓的键盘唤起会改变页面的高度，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文件