文章詳情頁
前端 - 移動端頁面如何實現(xiàn)背景圖在沒有內(nèi)容時在一屏顯示？
瀏覽：171日期：2024-05-19 17:28:17
問題描述
一個內(nèi)容詳細頁面底部的背景中有個圖片，如果內(nèi)容多的話（文字超過一屏）背景就會順利展示，如果文字少的話就撐不起來這個背景。我只好設(shè)置這個頁面最小為一屏高度
<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：我問一下樓主，你是指要背景只能一頻？即假設(shè)內(nèi)容有兩屏，背景也只能一屏？那多出來的那一屏怎么辦？默認為灰色？如果確實要這樣的效果，你可以定位一個p(和你的.container同級)，然后設(shè)置min-height:100%；position:absolute;background:url() no-repeat;z-index-10;就可以了，那個背景永遠只有一屏，無論你的內(nèi)容有多少
回答2：可以通過js獲取窗口高度來設(shè)置p高度。
var H = $(window).height();$(’.H’).css(’min-height’,H+’px’);
相關(guān)文章：
1. docker綁定了nginx端口 外部訪問不到2. dockerfile - 為什么docker容器啟動不了？3. git - webstorm窗口中左側(cè)列表的文件名顏色怎么修改4. android權(quán)限被第三方安全軟件禁止，如何獲取該權(quán)限狀態(tài)5. javascript - 深夜被問題困擾求解惑，rn的API之PermissionsAndroidd的問題6. javascript - 最近用echarts做統(tǒng)計圖時遇到兩個問題！！7. mysql - 我的myeclipse一直連顯示數(shù)據(jù)庫連接失敗，不知道為什么8. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？9. tp 6.0 數(shù)據(jù)查詢，求教！10. mysqld無法關(guān)閉
排行榜
熱門標簽
網(wǎng)公網(wǎng)安備