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

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

首頁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 (您的評論需要經過審核才能顯示)

本類常用軟件

主站蜘蛛池模板: 牙齿扩弓的最佳年龄| 饥渴寡妇偷汉子视频| 一闪一闪亮晶晶的简谱钢琴| 肋骨骨折的护理ppt| 巨齿鲨2:深渊 电影 | 彭丹丹主演的经典电影| 欧布奥特曼普通版普通话中文版 | 女八路被鬼子抓了受刑| 四个月宝宝几斤才达标| 追踪 电影| 安多卫视直播在线观看| jaud1接口接什么| 老司机免费在线视频| 城市风云儿| 根深蒂固韩国电影| 挖掘机儿童动画片| 二年级aab词语| 武汉日夜| 爱情电影网aqdy| 故乡,别来无恙演员表| 触底反弹电影| 广告设计培训速成班| 雪山飞狐之塞北宝藏演员表| 美女搞黄免费| 浙江卫视奔跑吧官网| 又什么又什么四字成语| 海豹w| 男生女生向前冲第六季2014| 电影 英雄| 不要好舒服| 浙江卫视今天节目单| 一元二次不等式的例题100道| 中国夫妻性生活视频| 18岁在线观看| 都市频道节目表今天| 樱井步| 春节到,人欢笑,贴窗花,放鞭炮| 日韩女同性恋| 电影老男孩| 削发| 23号牛乃唐第一季电视剧免费观看|