作者cc98 (cc98)
看板Web_Design
标题[问题] 怎用 CSS 将 imgur 的框随图变换与让图对齐框左上角
时间Sat Apr 8 19:33:21 2017
补上用 imgur 的 ptt 网页
https://webptt.com/cn.aspx?n=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://webptt.com/cn.aspx?n=bbs/Web_Design/M.1491651205.A.908.html
1F：→ imhaha: img css 加边线 04/09 01:00
2F：→ cc98: 加了 border 依旧是缩图不缩框，一楼能説详细点吗？谢谢！ 04/09 09:13
3F：推 iamnodoubt: 贴网页或是codepen之类的, 不要贴示意图 04/09 12:30
4F：→ cc98: iamnodoubt 您好，已补上用 imgur 的 ptt 网页 04/09 14:36
※ 编辑: cc98 (59.115.213.168), 04/09/2017 15:00:07
5F：→ imhaha: ...突然看不懂你要为什麽了 04/09 16:07
6F：→ imhaha: *问 04/09 16:09
7F：→ imhaha: 不知道你的用途跟怎麽用 简单来说imgur图片网址抓出来， 04/09 16:16
8F：→ imhaha: 後面多.jpg 就可以变纯图版 04/09 16:16
您好，谢谢回覆！我的用途就是当我用电脑开启 PTT 网页版时，图片超过一定尺寸时，
显示大小是我设定的 max-height 或 max-width，并且外包的白框可以随图变换或者没有
。然後我自己也搜索过， imgur 外包白框的问题，似乎只在 PTT 才有显示。最後，这个
问题，版友 DarkKnightX 的回答可执行！！
※ 编辑: cc98 (59.115.221.203), 04/14/2017 20:58:52