文章詳情頁
前端 - 移動端頁面如何實現背景圖在沒有內容時在一屏顯示？
瀏覽：73日期：2024-05-19 17:28:17
問題描述
一個內容詳細頁面底部的背景中有個圖片，如果內容多的話（文字超過一屏）背景就會順利展示，如果文字少的話就撐不起來這個背景。我只好設置這個頁面最小為一屏高度
<html><head></head><body><p class='container-show'></p></body></html>html,body{height:100%;}.container-show{min-height:100%}
我的所有頁面都是用的一個css文件，直接把html,body{height:100%;}放到css文件中，會不會影響的其他頁面？有沒有更好的方法？
問題解答
回答1：我問一下樓主，你是指要背景只能一頻？即假設內容有兩屏，背景也只能一屏？那多出來的那一屏怎么辦？默認為灰色？如果確實要這樣的效果，你可以定位一個p(和你的.container同級)，然后設置min-height:100%；position:absolute;background:url() no-repeat;z-index-10;就可以了，那個背景永遠只有一屏，無論你的內容有多少
回答2：可以通過js獲取窗口高度來設置p高度。
var H = $(window).height();$(’.H’).css(’min-height’,H+’px’);
相關文章：
1. javascript - 關于css絕對定位在ios瀏覽器被橡皮筋遮擋的問題2. （python)關于如何做到按win+R再輸入文件文件名就可以運行？3. mysql - 分庫分表、分區、讀寫分離 這些都是用在什么場景下 ，會帶來哪些效率或者其他方面的好處4. Python如何播放還存在StringIO中的MP3?5. javascript - vue的element-ui(餓了嗎UI) webpack打包時externals無法分離6. javascript - 請教如何獲取百度貼吧新增的兩個加密參數7. css3 - 微信前端頁面遇到的transition過渡動畫的bug8. Python爬蟲如何爬取span和span中間的內容并分別存入字典里？9. python - 能通過CAN控制一部普通的家用轎車嗎？10. html5 - 只用CSS如何實現input框的寬度隨框里輸入的內容長短自動適應？
排行榜
網公網安備