Mobile adaptation problem

For different reasons such as screen size and pixels on the mobile end, the written front-end style cannot be displayed perfectly. For example, the width of
div is 30% and the font is 14px. Some mobile phones can be displayed, while some mobile fonts will go beyond the div area.
if you have time, can you write a code to have a look at it, because you have read a lot of relevant articles and feel it, but it is difficult to operate in practice. I think I still don"t know much about

.
Jan.20,2022

fonts are in rem units


1. Using rem to layout
hotcss.js or flexible.js
rem is relative to the font-size of the root element, for example, the root element font-size:20px, is 1remmate 20px;
is proportional.
so you usually don't exceed it after using rem.
2. Use the latest vw,vh layout. This has not been tried, and the compatibility is not known


horizontal layout is processed in the form of percentage or flex, and the font is rem

.
Menu