as the title, the pc page is based on the 1920 design draft. Now it is found that the font is very large
under the low split screen such as 1366. How to solve this problem? ..
you don"t need to adapt to the mobile end, you just need to look better on a computer with a low split screen.
uses the center layout of 1200px
rem learn that using px, instead of font size allows fonts to follow the web page adaptively so that you don't have the problem you're talking about.
is the same font size visually larger at 1366 resolution, or did you scale or change the font size in some way?
rem this changes with the element px is a fixed value
px should be a fixed size
is the font size written in px? The size should be fixed.
uses bootstrap? There is something wrong with its default rem, and it doesn't handle dpr, so I suggest you change it to another version and use it again.
because the lower the resolution, the fewer pixels on the screen, the greater the distance between pixels, and the rougher the display. But the pixel sizes of fonts and icons are fixed, so the distance between points becomes larger when the resolution is low, and so does the whole image. You try the system itself to compare your resolution of 1366 with 1920, in the same way
should not become larger, just visual effects. If the changes don't use much rem, it may be jagged. Or media inquiry to change the font size.
responsive. Media query modify font or js judge screen size modify rem
use Flexible to achieve terminal adaptation of H5 page to learn about
https://www.w3cplus.com/mobil.
set different benchmark font sizes for html and elements at different resolutions. For example, 12px is used under 1920 with 14pxMagol 1366 and 12px with 14pxMagol 1024, while the page size is defined using rem.
use rem layout, write a media query and write the font size you want to convert
px2rem Portal 1
hotcss Portal 2
Previous: How does IDEA set up global code checks?
Next: Java poi word read