[問題] 不同比例圖片RWD
最近在做的case遇到的一個問題
版面我是用bootstrap 套col-sm-3這樣去設定的
今天想要顯示出來的圖片為1:1的正方形
css方面就直接寫max-width:100 height:auto了
問題在於：
如果今天對方上傳了一張2:1的長方形的話
依照上面的設定
會變為等寬，高卻只有一半的圖片
強制設高的話圖片會失真，設為background也會失真
通常遇到這種問題大家會選擇怎麼做呢?
1.強制使用者上傳等比例圖
2.擷取圖片的一部分改比例為1:1
3.就讓它失真
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 122.121.194.117
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1479221388.A.E3A.html
→
11/15 22:55, , 1F
11/15 22:55, 1F
→
11/15 22:56, , 2F
11/15 22:56, 2F
→
11/15 23:17, , 3F
11/15 23:17, 3F
→
11/16 00:04, , 4F
11/16 00:04, 4F
→
11/16 00:05, , 5F
11/16 00:05, 5F
→
11/16 00:05, , 6F
11/16 00:05, 6F
→
11/16 01:07, , 7F
11/16 01:07, 7F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章