[問題] 怎用 CSS 將 imgur 的框隨圖變換與讓圖對齊框左上角

[cc98 (cc98)]

補上用 imgur 的 ptt 網頁
https://www.ptt.cc/bbs/Web_Design/M.1491651205.A.908.html
http://imgur.com/OSP3XrJ

--
因實在不知怎麼寫，故來發問，謝謝各位！

https://uploadpie.com/A3WKbV
（consume within: 3 days）

問題：
　1. 如何設定單邊可等比例縮放 imgur 的圖片外框？
　2. 如何讓圖在縮小的外框內對齊左上角，並且圖片不會被外框擋住？

目標：
　外框隨圖縮放或沒外框

其他：
　因不願看到大圖，所以會用 CSS 指定最大尺寸
　但這兩天注意到 ptt 網頁版顯示的 imgur 圖片會外包一層白框
　所以圖雖縮小了，但白框並未縮小
　嘗試後，白框雖有縮小，但無法等比例縮小
　然後圖片並未跟著白框縮小而置中，圖依然在原本的位置，圖片反而會因白框縮小而被擋住只能看到局部

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.115.213.168
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1491651205.A.908.html
→ imhaha: img css 加邊線
→ cc98: 加了 border 依舊是縮圖不縮框，一樓能説詳細點嗎？謝謝！
推 iamnodoubt: 貼網頁或是codepen之類的, 不要貼示意圖
→ cc98: iamnodoubt 您好，已補上用 imgur 的 ptt 網頁
※ 編輯: cc98 (59.115.213.168), 04/09/2017 15:00:07
→ imhaha: ...突然看不懂你要為什麼了
→ imhaha: *問
→ imhaha: 不知道你的用途跟怎麼用 簡單來說imgur圖片網址抓出來，
→ imhaha: 後面多.jpg 就可以變純圖版
→ imhaha: http://imgur.com/OSP3XrJ.j pg
→ imhaha: http://imgur.com/OSP3XrJ.jpg
您好，謝謝回覆！我的用途就是當我用電腦開啟 PTT 網頁版時，圖片超過一定尺寸時，
顯示大小是我設定的 max-height 或 max-width，並且外包的白框可以隨圖變換或者沒有
。然後我自己也搜索過， imgur 外包白框的問題，似乎只在 PTT 才有顯示。最後，這個
問題，版友 DarkKnightX 的回答可執行！！
※ 編輯: cc98 (59.115.221.203), 04/14/2017 20:58:52