DIV+CSS图片自动适应浏览器宽度

2024-11-17 15:10:30

推荐回答（5个）

回答（1）：

楼主要的是不是这个效果，代码没测试过，楼主自测。

回答（2）：

给图片加上style=“width:100%;max_width:1600px;”

纯css实现，兼容现行所有主流浏览器

回答（3）：

 
   .bgbox
        {
            position:absolute;
             width:100%;
             height:100%;
             left:0px;
             top:0px;
             text-align:center;
            }
     .box
     {
         
         width:100%;
         height:100%;
         max-width:400px;
        max-height:300px;
       background-image: url('/upload/comlogo/2013-07/058e6e5caa6d4a42a7ef30e6389eb170.jpg'); 
       background-repeat: no-repeat; 
       background-position: center center;
        display:inline-block;
         }

左右能居中，垂直暂时不能的

回答（4）：

很简单，控制外边这个div

回答（5）：

这个可以用js来实现，js获取屏幕的高度，和宽度，但是这样对图片要求高，如果图片被拉长，拉宽，会失真，很影响美观！