文章詳情頁
css - 在手機(jī)上背景顯示的問題。
瀏覽：202日期：2023-07-28 14:23:19
問題描述
背景設(shè)置高度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：用你的代碼簡單測試了下，貌似沒有問題，彈出的鍵盤雖然會使屏幕可用高度變小，但是感覺就像是蓋在屏幕上的，直到你滾動頁面到最底部，才看到鍵盤是占據(jù)了屏幕空間的。 懷疑是頁面其他樣式引起的。 （在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>
標(biāo)簽：
CSS
上一條：html - 如何使用CSS使元素內(nèi)部分區(qū)域顯示父級元素的背景？下一條：css - 如何更改 iOS 和安卓瀏覽器上的 input[type="radio"] 元素的默認(rèn)樣式？
相關(guān)文章：
1. docker-compose中volumes的問題2. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””3. boot2docker無法啟動4. docker網(wǎng)絡(luò)端口映射，沒有方便點的操作方法么？5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. javascript - mock.js可以存儲數(shù)據(jù)嗎7. java - SSH框架中寫分頁時service層中不能注入分頁類8. nignx - docker內(nèi)nginx 80端口被占用9. 求救一下，用新版的phpstudy，數(shù)據(jù)庫過段時間會消失是什么情況？10. mac里的docker如何命令行開啟呢？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備