文章詳情頁
css - 在手機上背景顯示的問題。
瀏覽：223日期：2023-07-28 14:23:19
問題描述
背景設置高度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>
標簽：
CSS
相關文章：
1. javascript - sublime快鍵鍵問題2. javascript - 移動端上不能實現拖拽布局嗎？3. 實現bing搜索工具urlAPI提交4. javascript - react native在run-android時出現這個錯誤該怎么解決？大神賜教5. angular.js - 單頁應用（ng/vue）該如何監聽用戶離開當前頁面（或者路由）？6. javascript - 如何判斷不同兩個對象觸發同一事件？7. 前端 - 這段代碼一直生效不了，查半天因為 top: 0px; 分號后一個隱藏的東西，也不是占位符...刪了就可以生效，這是什么情況。。8. thinkPHP5中獲取數據庫數據后默認選中下拉框的值，傳遞到后臺消失不見。有圖有代碼，希望有人幫忙9. index.php錯誤，求指點10. c++ - QWebEngineView加載url后直接點擊鏈接沒有反應要怎么解決？
排行榜
網公網安備