作者iamnodoubt (Have Fun)
看板Web_Design
标题Re: [问题] 怎用 CSS 将 imgur 的框随图变换与让图对齐框左上角
时间Sun Apr 9 16:51:29 2017
※ 引述《cc98 (cc98)》之铭言:
: 标题: [问题] 怎用 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
: → imhaha: img css 加边线 04/09 01:00
: → cc98: 加了 border 依旧是缩图不缩框,一楼能説详细点吗?谢谢! 04/09 09:13
: 推 iamnodoubt: 贴网页或是codepen之类的, 不要贴示意图 04/09 12:30
: → cc98: iamnodoubt 您好,已补上用 imgur 的 ptt 网页 04/09 14:36
: ※ 编辑: cc98 (59.115.213.168), 04/09/2017 15:00:07
: → imhaha: ...突然看不懂你要为什麽了 04/09 16:07
: → imhaha: *问 04/09 16:09
: → imhaha: 不知道你的用途跟怎麽用 简单来说imgur图片网址抓出来, 04/09 16:16
: → imhaha: 後面多.jpg 就可以变纯图版 04/09 16:16
: → imhaha: http://imgur.com/OSP3XrJ.j pg 04/09 16:17
: → imhaha: http://imgur.com/OSP3XrJ.jpg 04/09 16:17
ptt web版从server回传回来的html
一般人也没办法控制
你只能改变图的来源大小
还是你是ptt站长?
我打<img src="
http://imgur.com/OSP3XrJ.jpg" />
也看不到你讲的白框
你的问题跟web design没关系..
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 118.160.103.222
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1491727891.A.C8C.html
1F:→ cc98: 您好,谢谢回覆!我只是一般使用者。 :-) 04/14 21:03