網站建設怎樣控制大圖片的網頁寬度
2010/11/26 10:54:10
網站建設如何讓大圖片不超過網頁寬度?解決圖片超出寬度或撐破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布局的寬度
返回列表
返回首頁
主站蜘蛛池模板:
jizz中国免费|
亚洲精品国产高清嫩草影院|
国产在线jyzzjyzz免费麻豆|
国精品无码一区二区三区在线|
亚洲乱妇老熟女爽到高潮的片
|
婷婷影院在线观看|
久久久久无码国产精品一区
|
18分钟处破好疼高清视频|
女人被男人狂躁免费视频|
久久99国产精品久久99|
日韩精品无码一区二区三区四区|
亚洲毛片基地日韩毛片基地|
福利视频网站导航|
四虎永久免费地址ww484e5566|
麻豆人人妻人人妻人人片AV|
国产精品久久久福利|
97色偷偷色噜噜狠狠爱网站97|
奶交性视频欧美|
中国国产高清免费av片|
日本免费一二区在线电影|
久久青草91免费观看|
欧美三级不卡在线观看|
亚洲日韩中文字幕在线播放|
深夜a级毛片免费视频|
免费人成网址在线观看国内|
综合亚洲欧美日韩一区二区|
国产一级高清视频免费看|
黄大色黄美女精品大毛片|
国产真人无遮挡作爱免费视频|
4hu四虎最新免费地址|
国模吧双双大尺度炮交gogo|
fuqer2018|
好男人在线社区www|
一级做a爰片性色毛片男|
推油少妇久久99久久99久久|
久久久久亚洲av无码专区|
日本特黄特色aaa大片免费|
久久综合日韩亚洲精品色|
最近日本免费观看高清视频|
亚洲乱人伦中文字幕无码|
欧美性69式xxxx护士|