在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 獲取后臺(tái)不規(guī)則的圖片,前端固定寬高不變形

獲取后臺(tái)不規(guī)則的圖片,前端固定寬高不變形

后臺(tái)用戶上傳各種大小比例的圖片,前臺(tái)通過固定寬高 比如144px寬,108px高的圖片展示。
怎么樣才能保證圖片不變形呢, 有啥插件或者黑科技嗎

回答
編輯回答
冷咖啡

js獲取一下圖片尺寸,width>height

css
img{
width:144px;
height:auto
}
反之
img{
width:auto;
height:108px
}

2017年11月15日 03:46
編輯回答
獨(dú)白

不能。

網(wǎng)站的正常顯示需要技術(shù)和業(yè)務(wù)配合的,要么就后臺(tái)上傳的時(shí)候進(jìn)行裁剪。

2017年5月17日 11:26
編輯回答
黑與白
2018年6月13日 21:46
編輯回答
毀了心

只能大圖往小控制,用樣式設(shè)置下最大寬高,如果上傳的是小于目標(biāo)的,就讓圖片在容器居中

2017年12月15日 14:04
編輯回答
我不懂

圖片不變性的話就固定寬度,高度auto把,你直接固定寬高圖片肯定失真。

2018年2月16日 17:44
編輯回答
柒喵

樣式修改img標(biāo)簽是沒有方法控制的,
可以給圖片一個(gè)固定寬高的容器,可以將圖片以背景形式引入
<div class="box" style="background-image:url('imgurl');background-size:cover;"><div>

2018年1月10日 01:25
編輯回答
下墜

沒有啥黑科技啊..就是給 image 屬性加上 width:144px,height:108px

<img style="width:144px;height:108px;" src=".imgurl">

2017年9月11日 08:47
編輯回答
尛憇藌

絕對(duì)會(huì)變形的,要是圖片像素比144x108還小,不僅會(huì)變形,還會(huì)失真呢

2017年8月20日 20:40