0
我有一個網格放置在頁眉和頁腳內。這個網格通常在小屏幕上查看。創建一個響應式網格,頁眉和頁腳
<ion-header>
<img src="assets/img/main-logo.png" alt=""/>
</ion-header>
<ion-content class="has-header" >
<ion-grid style="padding:0;" >
<ion-row style="padding:0;">
<ion-col>
<img src="img.png">
</ion-col>
<ion-col>
<img src="img.png">
</ion-col>
<ion-col>
<img src="img.png">
</ion-col>
<ion-col>
<img src="img.png">
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
<ion-footer>
footer Bar will be here
</ion-footer>
我有4行& col或更多。當以小移動方式查看此網格時,它在屏幕中可見,但在標籤上查看相同的網頁會在底部顯示空白屏幕。
我希望頁眉內容頁腳在所有屏幕尺寸中均可見而不滾動。
你有沒有試過看粘腳?即使內容較少,它也可以幫助您將頁腳放置在屏幕的底部。 https://css-tricks.com/snippets/css/sticky-footer/ –