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