資訊專欄INFORMATION COLUMN
摘要：在中寫(xiě)新的的時(shí)候，如果在新頁(yè)面中的模板中設(shè)置的時(shí)候一直無(wú)效。文件這時(shí)候設(shè)置是無(wú)效的，在的中發(fā)現(xiàn)仍然是設(shè)置高度時(shí)，的高度會(huì)等同于其父元素的高度。而上面中為的掛載的的父節(jié)點(diǎn)是標(biāo)簽，標(biāo)簽的父節(jié)點(diǎn)是標(biāo)簽。
在vue.js中寫(xiě)新的components的時(shí)候，如果在新頁(yè)面中的模板中設(shè)置height：100%的時(shí)候一直無(wú)效。
App.vue文件
這時(shí)候設(shè)置height: 100%;是無(wú)效的，在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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/113578.html
摘要：首先來(lái)看看的登錄界面準(zhǔn)備開(kāi)發(fā)制作一個(gè)窗口先主進(jìn)程代碼暫時(shí)調(diào)用界面基本布局我們先大概做一個(gè)這樣的界面頁(yè)面代碼樣式代碼取消全部的外邊距和內(nèi)邊距設(shè)置窗口的樣式設(shè)置手型加一個(gè)邊框調(diào)試樣式最后要?jiǎng)h除或者更改設(shè)置寬度必須要和主進(jìn)程中設(shè)置的一樣不能大于主 首先來(lái)看看qq的登錄界面:showImg(https://segmentfault.com/img/bVbiu16?w=483&h=458); 準(zhǔn)...
摘要：利用這篇教程存儲(chǔ)一些常用的微信小程序開(kāi)發(fā)技巧，方便查找。但是第一，微信小程序是國(guó)內(nèi)的，有中文文檔，雖然它的文檔說(shuō)明有點(diǎn)坑，但好歹有文檔，閱讀理解對(duì)小伙伴們來(lái)說(shuō)不是問(wèn)題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得給個(gè)...
摘要：利用這篇教程存儲(chǔ)一些常用的微信小程序開(kāi)發(fā)技巧，方便查找。但是第一，微信小程序是國(guó)內(nèi)的，有中文文檔，雖然它的文檔說(shuō)明有點(diǎn)坑，但好歹有文檔，閱讀理解對(duì)小伙伴們來(lái)說(shuō)不是問(wèn)題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得給個(gè)...
摘要：利用這篇教程存儲(chǔ)一些常用的微信小程序開(kāi)發(fā)技巧，方便查找。但是第一，微信小程序是國(guó)內(nèi)的，有中文文檔，雖然它的文檔說(shuō)明有點(diǎn)坑，但好歹有文檔，閱讀理解對(duì)小伙伴們來(lái)說(shuō)不是問(wèn)題。 Create by jsliang on 2018-9-17 17:58:56 Recently revised in 2018-11-19 08:19:13 ?Hello 小伙伴們，如果覺(jué)得本文還不錯(cuò)，記得給個(gè)...
閱讀 3232·2021-10-08 10:04
閱讀 1190·2021-09-30 09:48
閱讀 3563·2021-09-22 10:53
閱讀 1775·2021-09-10 11:22
閱讀 1782·2021-09-06 15:00
閱讀 2253·2019-08-30 15:56
閱讀 773·2019-08-30 15:53
閱讀 2366·2019-08-30 13:04
