How to fit the entire width of an image, site, div to the screen size?

Question

css

The entire site has a width of 1440px, since the background image is 1440px there (max-width - do not set), how to solve the problem with those people who come from devices with smaller screen sizes (horizontal scroll appears), then bish adjust the entire width of the site to Screen size?
sorry for the wording of the question, already no strength.
at the very width of the screen 1024px, typeset at a reduced scale. (90%)
I know the question has already been raised a million times everywhere,
but the answers to a similar question do not help

Answer 1

The site needs to be made responsive using media queries. So so question. It is obvious that without adaptability there is no way to competently do anything else.

Answer 2

why max-width - not set? Ask, and in the block in which it is located write overflow:hidden

Answer 3

Here, as already said, a comprehensive solution is needed.
But there are measurements in CSS like vw and vh. This is the size of the viewport. Google it. Perhaps this will help in resolving your issue.