我有一個像這樣的組件：
<ion-toolbar style="height: 100%">
<ion-buttons slot="start">
<ion-button> Logo</ion-button>
</ion-buttons>
<ion-buttons slot="end">
<ion-button>
About
</ion-button>
<ion-button>
Connect
</ion-button>
<ion-button>
Watch
</ion-button>
<ion-button>
Events
</ion-button>
<ion-button>
Give
</ion-button>
</ion-buttons>
</ion-toolbar>
我在另一個頁面中這樣稱呼它：
<ion-header style="height: 8%">
<app-header style="height: 100%">
</app-header>
</ion-header>
但是，當我運行它并查看 html 時，它是這樣的：
如您所見，<ion-toolbar>與 的高度不匹配<ion-header>。從技術上講，它是，但<ion-toolbar>其中嵌套了一個影子根組件，稱為：div.toolbar-container. 該陰影根組件是未設定高度以匹配的組件，<ion-toolbar>即使該<ion-toolbar>組件作業正常并且與<ion-header>.
這是當我編輯該影子根組件的樣式以height: 100%使用 HTML 檢查時的正確示例：
那么，當它的父級正確顯示但該 div 類不正確時，如何更改該 div 類的高度？
我試過做那個 Ionic Shadow 部件檔案，但這僅與您自己創建陰影根部件有關。
我試圖設定樣式的影子根組件似乎是標準的，所以這就是我想要設定的樣式。
我覺得奇怪的是 HTML 檢查中的 100% 顯示，但它的影子根組件不匹配？
uj5u.com熱心網友回復：
這是什么問題。顯然你會把它放在你的 component.scss 中：
ion-toolbar {
--min-height: 8vh;
}
每個人都知道這一點。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/521618.html
上一篇：WCF基于xml資料創建端點