我需要在一個頁面中展示許多圖片，為了整齊美觀我規定了每個img標簽的長寬，可是每張圖片的長寬比例可能是不一致的，這就導致圖片有嚴重的拉伸?？刹豢梢栽谥付╥mg標簽的長寬后，使圖片單純放大到我所設置的比例而不會拉伸？因為拉伸會使圖片嚴重變形<div class="content">
{volist name="list" id="vo" key="k"}
<a style="display: inline;" href="__STATIC__/{$activity[$k-1]}/{$vo.md5_name}.{$vo.type}" data-lightbox="example-set" data-title="點擊圖片左側或右側可查看下一張">
<img style="display: inline; border:2px solid white;" width="240" height="135" src="__STATIC__/{$activity[$k-1]}/{$vo.md5_name}.{$vo.type}" alt=""/></a>
{/volist}
</div>
3 回答
飲歌長嘯
TA貢獻1951條經驗 獲得超3個贊
這個問題的核心是：圖片的長寬比例和展示框的長款比例不同。
調展示框：
使用類似瀑布流或者照片墻的方式做展示，當然這是產品要考慮的事情
調圖片：
兩個時間節點：上傳的時候和展示的時候。
兩種方法：圖片的length/width > 展示框的length/width，這時候以length進行縮放，問題是圖片可能不會鋪滿展示框(1)，以width進行縮放，圖片會被裁掉一部分(2)。
綜上，這是一個取舍問題，不是技術問題。問一問你們的產品更容易解決這個問題。
開個腦洞，使用方法(1)然后用AI技術做輔助，自動補全不夠的部分。
祝好。
- 3 回答
- 0 關注
- 1103 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消