Rem realizes the adaptation of the mobile terminal

1.vsCode installs the px to rem plug-in cssrem

2. All content on the page has a root element with the class body-container, and set the style of the heart

.body-container{
            min-width: 320px;
            max-width: 930px;
            width: 10rem;
            position: relative;
        }

3. The mobile terminal handles the font size with a flat width of 930 or more

@media screen and (min-width:930px) {
            html{
                font-size: 93px!important;
            }
        }

4. Set the px unit that needs to be modified as the rem unit (there will be a prompt after installing the plug-in)

Guess you like

Origin blog.csdn.net/qq_45079530/article/details/123717984