PTT數位生活區 / Web_Design

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

看板Web_Design作者 (cc98)時間8年前 (2017/04/08 19:33), 8年前編輯推噓1(1推 0噓 9→)
留言10則, 3人參與, 最新討論串1/3 (看更多)
補上用 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
→
04/09 01:00, , 1F
img css 加邊線
04/09 01:00, 1F
→
04/09 09:13, , 2F
加了 border 依舊是縮圖不縮框，一樓能説詳細點嗎？謝謝！
04/09 09:13, 2F
推
04/09 12:30, , 3F
貼網頁或是codepen之類的, 不要貼示意圖
04/09 12:30, 3F
→
04/09 14:36, , 4F
iamnodoubt 您好，已補上用 imgur 的 ptt 網頁
04/09 14:36, 4F
※ 編輯: cc98 (59.115.213.168), 04/09/2017 15:00:07
→
04/09 16:07, , 5F
...突然看不懂你要為什麼了
04/09 16:07, 5F
→
04/09 16:09, , 6F
*問
04/09 16:09, 6F
→
04/09 16:16, , 7F
不知道你的用途跟怎麼用 簡單來說imgur圖片網址抓出來，
04/09 16:16, 7F
→
04/09 16:16, , 8F
後面多.jpg 就可以變純圖版
04/09 16:16, 8F
→
04/09 16:17, , 9F
pg
04/09 16:17, 9F
→
04/09 16:17, , 10F
04/09 16:17, 10F
您好，謝謝回覆！我的用途就是當我用電腦開啟 PTT 網頁版時，圖片超過一定尺寸時， 顯示大小是我設定的 max-height 或 max-width，並且外包的白框可以隨圖變換或者沒有 。然後我自己也搜索過， imgur 外包白框的問題，似乎只在 PTT 才有顯示。最後，這個 問題，版友 DarkKnightX 的回答可執行！！ ※ 編輯: cc98 (59.115.221.203), 04/14/2017 20:58:52
‣ 更多 cc98 的文章
文章代碼(AID): #1OwCg5a8 (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 cc98 的文章
文章代碼(AID): #1OwCg5a8 (Web_Design)