建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!
当前位置:建站学习网 > DIV+CSS教程 > DIV CSS教程 >

网站建设怎样控制大图片的网页宽度

整理编辑:建站学习网 更新时间:2017-01-08 阅读:0

   网站建设如何让大图片不超过网页宽度?解决图片超出宽度或撑破div css布局方法:

  1、在文章中发布图片的时候将图片编辑缩小

  2、通过对对应div的css来设置显示的图片最宽宽度

  3、通过css对图片设定宽度。

  具体过程:

  通过css来控制代码如下(cmcss是对应父级类名):

  .cmcss {margin: auto;width: 600px;}

  .cmcss img{max-width: 100% !important; height: auto!important; width:expression(this.width > 600 ? "600px" : this.width)!important;}这种图片第一次加载时候图片不能显示

  直接通过对对应的div内的内容图片宽度设置代码如下:

  .cmcss img{ width:500px;} 宽度自定,但是不推荐此方法,因为设置后此div布局内的图片将全部宽度为500px,那样将造成图片小的,被放大显示模糊。

  可以通过对图片设置最宽css可以使用max-width来设置,但是IE6不支持,但是可以使用浏览器的css hack来设置代码如下

  .cmcss img{max-width:500px;_width:500px;}

  图片撑破布局原因

  1、由于浏览器版本低(微软IE6)

  2、没有设置div布局的宽度

转载请注明出处:https://www.dedexuexi.com/divcss/jc/2274.html

关键词:技巧