咨詢熱線:151-6635-6796
新聞類別
公司動態
網絡快訊
網絡知識
網絡知識 首頁 >> 網絡知識
css控制圖片按等比例縮放 兼容IE6/IE7/火狐/谷歌
來源:聊城江北科技 時間:2018/5/3 16:14:40 【返回上一步】
關鍵詞:css控制圖片 等比例縮放 兼容IE6/IE7/火狐/谷歌
css控制圖片按等比例縮放 兼容IE6/IE7/火狐/谷歌

今天自己的一個網站需要實現圖片等比例縮放,但又不能使用js只能用css控制div中的img為指定大小,下面我找到一段代碼分離給大家。

代碼如下:
<style type="text/css">
.thumbImage img{ 
MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;

.thumbImage {MARGIN: auto;WIDTH: 600px;} 
*html.thumbImage img{ 
width:expression(this.width>600&&this.width>this.height?450:auto); 
height:expresion(this.height>450?450:auto); 
}
</style>

html代碼代碼如下:
<body>
<DIV class="thumbImage" ><img src="1.jpg" border="0"></DIV>
</body>

這樣只要在 class中thumbImage圖片都會等比例縮放哦,小了就原始顯示大的就等比例縮小。按比例縮小或者放大到某個尺寸,對于標準瀏覽器(如Firefox),或者最新都IE7,ie8瀏覽器,直接使用max-width,max-height;或者min-width,min-height的CSS屬性即可。
對于IE6及其以下版本的瀏覽器,則可以利用其支持的expression屬性,在css code中嵌入javascript code來實現圖片的縮放。

上一篇文章: 網站優化技巧:關鍵詞的合理布局很關鍵 聊城網絡公司-江北科技提供 
下一篇文章: 新站運營如何來做更好 聊城網絡公司教你三點
相關新聞
簡單介紹下高質量文章標題如何設置_聊
聊城網絡公司提供:如何理解網站權重,
超簡單的防止復制、防止右鍵代碼 聊城
新站運營如何來做更好 聊城網絡公司教
css控制圖片按等比例縮放 兼容IE
網站優化技巧:關鍵詞的合理布局很關鍵
網站建設的目的是什么?聊城網絡公司為
[圖]聊城江北科技分析:網站建設的目
百度新算法:藍天算法 聊城江北科技分
聊城網站建設解讀:如何做好網站排名
聊城做網站公司分析:做好互聯網SEO
新手網站優化經驗之網站篩選價值關鍵詞
請留下你的寶貴意見或提交網站訂單!
關于我們 | 網站建設 | 手機網站 | 網站推廣 | 網站托管 | 案例中心 | 新聞資訊 | 付款方式 | 聯系我們
點擊出現大圖二維碼掃描來關注
微信加好友
客服咨詢:點擊這里和我聊天 健身器材網咨詢:點擊這里和我聊天
技術咨詢:點擊這里和我聊天
聯系人:張經理
電話:15166356796
QQ/微信:674970708
點擊出現大圖二維碼掃描來關注
微信二維碼
Copyright ? 2008-2022 聊城網絡公司-江北科技 地址:山東聊城開發區星美大廈3號樓 聊城新銳網絡版權所有 魯ICP備17027810號-2
山西11选5走势图表分析 绝地求生游戏进不去 AS真人登录 江西多乐彩开奖情况 体彩排列5湖南网 江苏快三开奖历史 pt电子游戏下载3倍|Welcome 体彩排列三组三走势图 大乐透走势图带连线图2 黑龙江p62玩法开奖结果 贵州11选5开奖5结果 山东群英会顺二遗漏 辽宁快乐12官网 mg线上娱乐游戏 极速赛车玩 北京快乐8提早开奖 英雄联盟手机版下载免费下载