第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

怎么樣設(shè)置圖片寬度自適應(yīng)100%且圖片高度等于圖片寬度

怎么樣設(shè)置圖片寬度自適應(yīng)100%且圖片高度等于圖片寬度

猛跑小豬 2019-04-13 08:45:20
假設(shè)一張300x250的圖片,放在600px的div內(nèi),如何用css把圖片拉伸到600x600
查看完整描述

2 回答

?
有只小跳蛙

TA貢獻1824條經(jīng)驗 獲得超8個贊

純CSS應(yīng)該不可以吧
js方法:
;(function($){
$(function(){
var$divWidth=$('xxx').width();
$('img').css({'height':$divWidth});
})
})(jQuery)
css3里面有一個calc的動態(tài)計算方法,不過好像只能計算一個屬性的值,即高只能計算高,寬只能計算寬,高度不能去獲取寬度的值并計算。所以這樣對你這個需求也無法滿足。
不過你也在先手動計算了div的寬高比,然后再使用高度,就比如:
假如div寬度是600px,高度是500px,那么寬/高是1.2,那就可以設(shè)置css屬性
div{
width:600px;
height:500px;
overflow:hidden;
}
img{
width:100%;
height:120%;
}
但是這樣高度卻不能隨著你的寬度的變化而動態(tài)變化
                            
查看完整回答
反對 回復(fù) 2019-04-13
?
搖曳的薔薇

TA貢獻1793條經(jīng)驗 獲得超6個贊

用背景圖吧如果不用考慮background-size的兼容性
div.imgBox
.imgBox{
height:600px;
width:600px;
background:url(圖片url)no-repeatcentercenter;
background-size:100%auto;
}
                            
查看完整回答
反對 回復(fù) 2019-04-13
  • 2 回答
  • 0 關(guān)注
  • 532 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號