I am not filing for the website. It is stipulated that the filing information should be added to the footer, but it is very bloated after adding it, so I divided the footer into two columns to display:

But after this, there will be a problem. I set the left alignment on the left side and the right alignment on the right side on the desktop side. Generally speaking, there is no problem, but when I switch to the mobile side to check, it will appear very ugly. bugs:

So how to solve this problem? The way I think of is to let flask know whether the visitor is a mobile terminal or a PC terminal, so that different clients can return different styles.

# Install flask_mobility

Install according to your pip version:

pip install flask_mobility
or
pip3 install flask_mobility

# use flask_mobility

First, you need to reference this module in your app, and then declare it:

from flask_mobility import Mobility
...
app = Flask(__name__)
Mobility (app)

After completing the above steps, the next step is to modify the html template that you need to distinguish the client part, because I only need to judge whether the visitor is a mobile terminal, if it is, it will be left-aligned, if not, it will be right-aligned, and the translation into code is as follows:

{% if request.MOBILE %}float: left;{% else %} float: right;{% endif %}

# final effect

The functions of flask_mobility here are far more than these. You can also use it to build more judgments and functions, but I will use these for now.