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

燃冰 · 发表于 2016-12-28 15:34:24

本帖子中包含更多资源

您需要登录才可以下载或查看，没有账号？立即注册

x

　　网站建设如何让大图片不超过网页宽度?解决图片超出宽度或撑破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布局的宽度

变形计 · 发表于 2017-1-26 13:09:42

有一种祝福不只是在网上，而是在心里；没曾见面，却在心里留下了一个身影；没有擦肩，却留下了瞬间的感动；不知对方姓甚名谁，却在心上久久停留，淡淡地牵挂、默默地关注魔扣源码论坛、遥遥的祝福；即使一切是短暂的，也将定格成我永恒的回忆，成为我一生中最美丽的风景。让我们互牵友情之温柔的手，齐攀人生的友情之巅吧！来吧，亲爱的伙伴，亲爱的您！让我们共筑博客空间美好梦境！