css - 在手機上背景顯示的問題。
問題描述
背景設置高度100%,在彈出軟鍵盤后背景會上縮,,,有什么辦法解決嗎
html{height: 100%;}body{ font: '微軟雅黑'; background: url(image/bj.jpg) no-repeat center center; background-size: 100% 100%; height: 100%;}
問題解答
回答1:取消html,body的高度100%,背景使用圖片絕對定位,寬度百分百,然后登陸框 同樣 絕對定位居中。
回答2:寬度100高度自動試試
回答3:在線等,,,急
回答4:用你的代碼簡單測試了下,貌似沒有問題,彈出的鍵盤雖然會使屏幕可用高度變小,但是感覺就像是蓋在屏幕上的,直到你滾動頁面到最底部,才看到鍵盤是占據了屏幕空間的。 懷疑是頁面其他樣式引起的。 (在iPad 和 Windows Phone 上測試過)
<!DOCTYPE html><html> <head><title>測試</title><style> html{height: 100%; } body{background: url(’test.jpg’) no-repeat center center;background-size: 100% 100%;height: 100%; }</style> </head> <body><h1>測試</h1><input type='text' name='name' value='' /> </body></html>
相關文章:
1. java - 如何用圖畫的方式有效地表示多線程?2. javascript - 為什么會打印兩次啊?3. django - nginx遷移到阿里云后靜態文件403錯誤無法訪問的原因有哪些?4. 在windows下安裝docker Toolbox 啟動Docker Quickstart Terminal 失敗!5. html5 - 剛接觸H5,為什么我覺得很多標簽都沒什么用呢?6. python - Fiddler+Android模擬器抓取app,json數據被加密了,如何解析?7. windows C++ 一般使用什么技術調用Webservice接口8. javascript - js刪除頁面節點有何作用,直接刪除具體代碼不是一樣的效果么?9. MySQL中無法修改字段名的疑問10. css - 網頁div區塊 像蘋果一樣可左右滑動 手機與電腦
