資訊專欄INFORMATION COLUMN
摘要：在中寫新的的時(shí)候，如果在新頁面中的模板中設(shè)置的時(shí)候一直無效。文件這時(shí)候設(shè)置是無效的，在的中發(fā)現(xiàn)仍然是設(shè)置高度時(shí)，的高度會(huì)等同于其父元素的高度。而上面中為的掛載的的父節(jié)點(diǎn)是標(biāo)簽，標(biāo)簽的父節(jié)點(diǎn)是標(biāo)簽。
在vue.js中寫新的components的時(shí)候，如果在新頁面中的模板中設(shè)置height：100%的時(shí)候一直無效。
App.vue文件
這時(shí)候設(shè)置height: 100%;是無效的，在chrome的Elements中發(fā)現(xiàn)height仍然是0px.
設(shè)置高度100%時(shí)，div的高度會(huì)等同于其父元素的高度。而上面中id為app的div（vue掛載的div）的父節(jié)點(diǎn)是body標(biāo)簽，body標(biāo)簽的父節(jié)點(diǎn)是html標(biāo)簽。在默認(rèn)情況下html和body標(biāo)簽的高度為auto，而瀏覽器是不會(huì)自動(dòng)給標(biāo)簽添加高度的，所以html和body標(biāo)簽就為0，自然子div的高度設(shè)置為100%就不起作用了。
此時(shí)應(yīng)該在App.vue文件style中添加如下代碼：
html,body,#app{
height: 100%;
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113578.html
摘要：首先來看看的登錄界面準(zhǔn)備開發(fā)制作一個(gè)窗口先主進(jìn)程代碼暫時(shí)調(diào)用界面基本布局我們先大概做一個(gè)這樣的界面頁面代碼樣式代碼取消全部的外邊距和內(nèi)邊距設(shè)置窗口的樣式設(shè)置手型加一個(gè)邊框調(diào)試樣式最后要?jiǎng)h除或者更改設(shè)置寬度必須要和主進(jìn)程中設(shè)置的一樣不能大于主 首先來看看qq的登錄界面:showImg(https://segmentfault.com/img/bVbiu16?w=483&h=458); 準(zhǔn)...
摘要：利用這篇教程存儲(chǔ)一些常用的微信小程序開發(fā)技巧，方便查找。但是第一，微信小程序是國內(nèi)的，有中文文檔，雖然它的文檔說明有點(diǎn)坑，但好歹有文檔，閱讀理解對小伙伴們來說不是問題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺得本文還不錯(cuò)，記得給個(gè)...
摘要：利用這篇教程存儲(chǔ)一些常用的微信小程序開發(fā)技巧，方便查找。但是第一，微信小程序是國內(nèi)的，有中文文檔，雖然它的文檔說明有點(diǎn)坑，但好歹有文檔，閱讀理解對小伙伴們來說不是問題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺得本文還不錯(cuò)，記得給個(gè)...
摘要：利用這篇教程存儲(chǔ)一些常用的微信小程序開發(fā)技巧，方便查找。但是第一，微信小程序是國內(nèi)的，有中文文檔，雖然它的文檔說明有點(diǎn)坑，但好歹有文檔，閱讀理解對小伙伴們來說不是問題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺得本文還不錯(cuò)，記得給個(gè)...
閱讀 3155·2021-10-08 10:04
閱讀 1098·2021-09-30 09:48
閱讀 3466·2021-09-22 10:53
閱讀 1683·2021-09-10 11:22
閱讀 1697·2021-09-06 15:00
閱讀 2156·2019-08-30 15:56
閱讀 719·2019-08-30 15:53
閱讀 2288·2019-08-30 13:04
