一、在開發移動端webapp時，我們經常會遇到這樣的問題，當我們需要在頁面底部固定一個logo或者說明時，往往會采用position：fixed進行固定定位或者absolute定位到最底部
這是一個很常規的操作，但是當頁面上有input輸入框時，當用戶點擊輸入的時候，虛擬鍵盤被拉起，會造成我們在底部定位的內容，被談起，而遮擋我們的輸入框，造成無法輸入或者界面布局不美觀
像下面這樣
其實造成這種問題的原因是手機的問題，虛擬鍵盤的喚起，改變了窗口本來的高度，而不是我們的樣式設置的有問題，明白了這點，解決方案其實很簡單，這里我使用css的媒介查詢，來監聽窗口的高度，當窗口的高度小於某個值時，我們認為虛擬鍵盤被拉起，然后我們就可以單純的借助css來處理這個問題
@media (max-height: 400px) {
.openpaylogo {
display: none;
}
}