There is a background with things on the left and right sides. Then when cutting the picture, cut out two small pictures on the left and right sides. Make it adapt to the size of the screen. (But a fixed width must be added to display the background.). How to prevent the background layer from displaying when the screen size is 1024? Because of the width problem, the content in the middle has been moved down. It's normal on a 1440 screen. But when the size is 1024, the content will be moved down. . . well. . I don’t know if I expressed it clearly?
Please let anyone know. . . Thank you~
Post the code directly
Post the code directly
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>body {margin:0px auto;background:#6633FF;color:#fff;}p {margin:0px 0px ;padding:0px 0px;}.left {background:#000;float:left;width:200px;}.right {background:#000;float:right;width:200px;}.center {padding:0px 10px;width:980px;float:left;}</style></head><body><div id="container"><div class="left">ffff</div><div class="right">ffffff</div><div class="center"><p>在宽屏电脑下显示左右的背景色（宽度200px）。在1024*768的屏幕下隐藏左右两边的背景。中间内容已经固定了宽度是980px。</p><p>左右两边是没有内容的。。。。要加宽度才能显示背景色的。。。不加宽度也没有内容的情况下如何显示背景色呢？且1024的屏幕下可以隐藏掉左右的背景色。</p><p>目前在1440的屏幕下是可以正常显示，因为加了宽度。但是在1024的屏幕下中间的内容就会被撑开。</p><p>目前的解决方法是切一张大背景。就可以解决问题。。。但是，想知道有没有方法就是切两张小图放左右两边。不管屏幕多大都是显示在左右两边的~~~</p></div></div></body></html>Do you want to hide the things on both sides under 1024, and then display the things on both sides under 1440? ?
This should be controlled by js
Yes.
But let me tell you, one big picture is better than two small pictures, because the total bytes of the large background picture are smaller and there is one less http
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
