vue單頁面如何設置高度100%全屏
更新時間:2022年04月14日 09:31:52 作者:不想禿頭i
這篇文章主要介紹了vue單頁面如何設置高度100%全屏,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
單頁面設置高度100%全屏
很多時候我們給單頁面設置高度100%永遠不會全屏
效果圖 高度都是靠內(nèi)容撐起來的
解決很簡單
創(chuàng)建一個css
html, body, #app{ height: 100%; margin: 0; padding: 0;}
然后引入全局 (引入到min.js)
現(xiàn)在看效果
高度設置100%無效
場景:當單頁面需要整個頁面填充顏色等操作,需要頁面高度為屏幕高度,設置height:100%無效
解決方法:在App.vue中設置height: 100%
//App.vue html,body,#app { ?? ?height:100%; }
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
Vue+ElementUI table實現(xiàn)表格分頁
這篇文章主要為大家詳細介紹了Vue+ElementUI table實現(xiàn)表格分頁,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-12-12基于VUE實現(xiàn)簡單的學生信息管理系統(tǒng)
這篇文章主要介紹了VUE實現(xiàn)一個簡單的學生信息管理系統(tǒng),本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-01-01vue之a(chǎn)-table中實現(xiàn)清空選中的數(shù)據(jù)
今天小編就為大家分享一篇vue之a(chǎn)-table中實現(xiàn)清空選中的數(shù)據(jù),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11