文章詳情頁
前端 - 移動(dòng)端頁面如何實(shí)現(xiàn)背景圖在沒有內(nèi)容時(shí)在一屏顯示？
瀏覽：81日期：2024-05-19 17:28:17
問題描述
一個(gè)內(nèi)容詳細(xì)頁面底部的背景中有個(gè)圖片，如果內(nèi)容多的話（文字超過一屏）背景就會(huì)順利展示，如果文字少的話就撐不起來這個(gè)背景。我只好設(shè)置這個(gè)頁面最小為一屏高度
<html><head></head><body><p class='container-show'></p></body></html>html,body{height:100%;}.container-show{min-height:100%}
我的所有頁面都是用的一個(gè)css文件，直接把html,body{height:100%;}放到css文件中，會(huì)不會(huì)影響的其他頁面？有沒有更好的方法？
問題解答
回答1：我問一下樓主，你是指要背景只能一頻？即假設(shè)內(nèi)容有兩屏，背景也只能一屏？那多出來的那一屏怎么辦？默認(rèn)為灰色？如果確實(shí)要這樣的效果，你可以定位一個(gè)p(和你的.container同級(jí))，然后設(shè)置min-height:100%；position:absolute;background:url() no-repeat;z-index-10;就可以了，那個(gè)背景永遠(yuǎn)只有一屏，無論你的內(nèi)容有多少
回答2：可以通過js獲取窗口高度來設(shè)置p高度。
var H = $(window).height();$(’.H’).css(’min-height’,H+’px’);
相關(guān)文章：
1. javascript - js中遞歸與for循環(huán)同時(shí)發(fā)生的時(shí)候，代碼的執(zhí)行順序是怎樣的？2. python - linux怎么在每天的凌晨2點(diǎn)執(zhí)行一次這個(gè)log.py文件3. php如何獲取訪問者路由器的mac地址4. android - 鍵盤遮擋RecyclerView5. 如何分別在Windows下用Winform項(xiàng)模板+C#，在MacOSX下用Cocos Application項(xiàng)目模板+Objective-C實(shí)現(xiàn)一個(gè)制作游戲的空的黑窗口？6. javascript - jQuery each 方法第三個(gè)參數(shù)args 如何解釋？7. javascript - 在 vue里面用import引入js文件，結(jié)果為undefined8. java - new + 類名，一定需要申明一個(gè)對(duì)象嗎？9. 小程序怎么加外鏈，語句怎么寫！求救新手，開文檔沒發(fā)現(xiàn)10. javascript - vue-resource中如何設(shè)置全局的timeout？
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備