尤 川豪   ·  1月前
Exp. 1,209  ·  152 貼文  ·  114 留言

用純 css 讓圖片在各螢幕呈現縮圖效果的方法

https://jonathannicol.com/blog/2014/06/16/centre-crop-thumbnails-with-css/

用 css 做到圖片 responsive 不難,通常 max-width: 100%; 就可處理很多情境

但要讓圖片能以某種比例保證在各螢幕呈現縮圖,又不能跑版,就不容易了

這段教學是我最喜歡的 css trick 之一,簡單好用,效果極佳

根據不同需求,稍微修改就能發揮不同效果

  分享   共 244 次點閱
共有 0 則留言
您的留言
尤 川豪
Exp. 1,209  ·  152 貼文  ·  114 留言

關於作者

Devs.tw 作者,喜歡分享&建造新東西的工程師。

技術部落格:轉個彎日誌

歡迎在 Facebook 追蹤我!

不定期分享有趣技術文章!