成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁技術文章
文章詳情頁

css - 在手機上背景顯示的問題。

瀏覽：97日期：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%;}

css - 在手機上背景顯示的問題。

問題解答

回答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
相關文章：