網站建設怎樣控制大圖片的網頁寬度
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布局的寬度
返回列表
返回首頁
主站蜘蛛池模板:
国产xxxxxx久色视频在|
99热国产在线|
黄色大片网站在线观看|
欧美一级日韩一级亚洲一级|
国产一区二区三区在线免费|
窝窝视频成人影院午夜在线|
成年人视频在线免费播放|
亚洲欧美激情小说另类|
这里只有精品视频在线|
在线播放免费播放av片|
亚洲无成人网77777|
色一情一乱一伦麻豆|
国产羞羞视频在线播放|
中日韩黄色大片|
欧美性色黄大片在线观看|
国产91无套剧情在线播放|
337p中国人体啪啪|
成人片黄网站色大片免费|
亚洲另类欧美综合久久图片区
|
老师你的兔子好软水好多的车视频|
国语自产偷拍精品视频偷|
一本色道久久hezyo无码|
最近中文字幕2018|
人妻无码久久中文字幕专区|
高清一区二区三区视频|
天堂8在线天堂资源bt|
久久久久亚洲精品无码蜜桃|
涩涩涩在线视频|
国产aaa毛片|
韩国朋友夫妇:交换4|
国内大片在线免费看|
中文字日本乱码|
欧美丰满熟妇XXXX|
免费成人在线电影|
顶级欧美色妇xxxxx|
国产欧美精品一区二区三区|
99视频精品在线|
无码专区永久免费AV网站|
亚洲中文字幕在线观看|
男生女生一起差差差视频|
国产人久久人人人人爽|