日韩精品中文字幕一区二区-日韩精品中文字幕一区-日韩精品中文字幕视频-日韩精品在线一区二区三区-第一页在线-第一福利视频

東坡下載:內容最豐富最安全的下載站!

首頁IT技術軟件教程 → 等比例CSS控制圖片大小的方法兼容IE6/IE8

等比例CSS控制圖片大小的方法兼容IE6/IE8

相關文章發表評論 來源:本站原創時間:2013/9/9 10:02:07字體大小:A-A+

更多

作者:不詳點擊:2693次評論:0次標簽: CSS控制圖片大小

圖片自動適應大小是一個非常常用的功能,在進行制作的時候為了防止圖片撐開容器而對圖片的尺寸進行必要的控制,我們可不可以用CSS控制圖片使它自適應大小呢?

可以通過按比例縮小或者放大到某尺寸(自己指定),來保持圖片不變形走樣的完全顯示。

解決方案:

一、 對于標準瀏覽器(如Firefox),或者最新都IE7瀏覽器,直接使用max-width,max-height;或者min-width,min-height的CSS屬性即可。如:


我們想到了一個比較簡單的解決方法,雖然不是非常的完美,如果您的要求不是非常高,已經可以滿足你的需要了。我們看下面的代碼:

img{
  max-width:100px;
  max-height:100px;
  overflow:hidden;
}

二、對于IE6及其以下版本的瀏覽器,則可以利用其支持的expression屬性,在css code中嵌入javascript code來實現圖片的縮放:

img{
  width:expression(this.width>150?"150px":this.width);
  height:expression(this.height>150?"  150px":this.height);
}

三、完美解決方案

img{
  border:0;
  margin:0;
  padding:0;
  max-width:150px;
  width:expression(this.width>150?"150px":this.width);
  max-height:150px;
  height:expression(this.height>150?"  150px":this.height);
}

擴展知識

相關評論

閱讀本文后您有什么感想? 已有 人給出評價!

  • 2791 喜歡喜歡
  • 2101 頂
  • 800 難過難過
  • 1219 囧
  • 4049 圍觀圍觀
  • 5602 無聊無聊
熱門評論
最新評論
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)

本類常用軟件

主站蜘蛛池模板: 邓为个人简介| 电影不扣钮的女孩| 同志电影副歌1080p| 扎职| 科洛弗| 《风流艳妇》| 午间电影| 落花流水电影完整版在线观看| 又什么又什么四字成语| 宇宙巨人希曼| 铠甲勇士第一部演员表| 昭君出塞简谱| 春闺梦里人电影在线观看| 九九九九九九伊人| 跟班服务| 河南省物业管理条例| 电影白日梦2| 24点数学题目100道| 张勇手演过的电影| 妻子的秘密在线| 杀破狼·贪狼 2017 古天乐| 林智妍三级全部电影| 除暴安良电视剧免费观看| 魔兽日本动漫| 护校队申请书| 南男北女| 俱乐部的女人| 朱莉安妮全集在线观看免费| 看黄免费在线| 秀人网 官网门户免费| 让子弹飞高清完整版免费观看| 韩国电影陈诗雅主演| 草船借箭剧本| 《狂赌之渊》动漫| 日本大片ppt免费ppt电影| 月亮电影| 绝不放弃电影| 电影《地狱天堂》鬼片| 高纤维食物一览表| 林诗雅电影| 西部往事 电影|