Project development size pixel problem

Generally speaking, the page size will be fixed at the beginning of project development,
generally 1920x1080 pixels
, so this kind of development is the easiest, we can directly use the pixels of the design drawing to develop

No need to worry about any scroll bars.
Generally, browsers will have borders or something,
so scroll bars will appear.
When we are in full screen state, we actually want the page result.

If we want to develop without scrollbars

First of all, we need to know that
our computer can usually zoom and adjust the resolution.
That’s because it needs to adapt to different computer screens. The default is to see the most comfortable one, and there will be recommendations,
but we can also adjust it to the pixel setting 100% scaling required by the page. Then develop a full-screen browser.
insert image description here
Secondly
, we can also set it to the size we want in the console
insert image description here
, but the disadvantage of this is that the display is relatively small.

Sometimes an adaptation is required

see adaptive article

Guess you like

Origin blog.csdn.net/Xiang_Gong_Ya_/article/details/132579546