What should I do if the psd image is too large and the cut background cannot be displayed in the browser? _html/css_WEB-ITnose

I just searched for a picture. The width of the psd picture is 1920px. As usual, cut off the background part, as shown below:



The background picture size is: 1920px

Use this background for body in css:

body{margin:0 auto; padding:0; font-size:12px; font-family:"宋体";background:url(images/bg. jpg) no-repeat center top;}

It looks like this when it is displayed



The colors of the backgrounds on both sides are not visible, the width of the browser is too small . . .

I would like to ask you how you deal with this kind of background with a width of about 2000px. . .

Reply to discussion (solution)

That’s it. Will only be displayed in widescreen. .

That’s it. Will only be displayed in widescreen. .
1

Otherwise, you have to adjust the size of the content area = Math.max (the minimum size that the content area can be, screen size - the size of the image) * 2);