Blank solution at the bottom of the uni-app page

When uniapp develops the app, there is a blank, even if the html and body are set to 100%, it is useless, the situation is as shown in the figure

The blank space below follows the content of the detailed introduction to change the background color freely

So I introduced the details of this <view> added class, set padding-buttom: 150rpx, you can take the appropriate value

So it's a success

But this also has disadvantages, because the details are of different lengths, and if the setting is too small, there will be blanks. If the setting is too long, there will be more vacancies with background colors at the bottom of the page.

This is a relatively simple way, and there is a better way to judge the length of the interface. If it exceeds the interface, set it to 100%. If it does not exceed it, set it to a fixed value of height:1180rpx, so that even if there is no content, it will fill up everything interface, or cut to a fixed length for all arrays

Guess you like

Origin blog.csdn.net/qq_43644046/article/details/123383118