尤川豪   ·  5年前
445 貼文  ·  275 留言

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

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

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

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

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

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

  分享   共 2,189 次點閱
按了喜歡：
共有 0 則留言
還沒有人留言。歡迎分享您的觀點、或是疑問。
您的留言
登入之後發表留言
尤川豪
445 貼文  ·  275 留言

Devs.tw 是讓工程師寫筆記、網誌的平台。隨手紀錄、寫作，方便日後搜尋！

歡迎您一起加入寫作與分享的行列！

查看所有文章