Wie fülle ich den gesamten Bildschirm mit Miniprogrammbildern?

Wie fülle ich den gesamten Bildschirm mit Miniprogrammbildern?

deckt den Bildschirm ab und verwendet hauptsächlich das Attribut mode='widthFix' im -Tag

, das speziell zum Programmsegment hinzugefügt wurde Ja .wxml:

<image src="/images/1.jpg" class=&#39;in-image&#39; mode=&#39;widthFix&#39;> </image>

und .wxss-Änderungen:

page{
   height:100%
}
.imagesize{
 display:flex;
 height: 100%;
 justify-content: center;
 align-items:center;
}

Demo:

Sehen Sie, ob dies der Fall ist 't Das Rendering von widthFix:

Es ist also immer noch sehr nützlich.

Da es sich um ein Fenster mit der unteren Registerkarte handelt, wird nicht das Vollbild angezeigt.

Sie können den Startbildschirm natürlich auch mit der richtigen Proportion gestalten. Es gibt auch einen Unterschied zwischen der Hintergrundfarbe und der Bildfarbe, auf die Sie achten müssen beim Debuggen.

Empfohlenes Tutorial: „WeChat Mini-Programm“

Das obige ist der detaillierte Inhalt vonWie fülle ich den gesamten Bildschirm mit Miniprogrammbildern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!