[問題] 不同解析度圖片相同大小

[e2755699 (酣酣)]

USER提出了一個需求

想要在桌面和手機上看到的圖片大小都一樣

小弟對RWD不太熟只想到用media query寫幾個不同寬度的圖片大小

請問各位大大 如果以RWD的方式應該如何著手呢?

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.127.6.145
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1432171920.A.E2D.html
→ crossdunk: RWD不就有用到media query嗎@@
→ crossdunk: 如果是寬度的話，可以試試看用%數
推 qm29213039: 相同比例嗎? 試試看width: 100%; height:auto;
沒錯相同比例 但是圖片大小在解析度不同會不一樣
※ 編輯: e2755699 (59.127.6.145), 05/21/2015 15:27:54
推 Ayukawayen: 相同大小是在桌機上看到的是寬16cm*9cm 在手機上也要
→ Ayukawayen: 16cm*9cm; 還是在桌機上看到大小是12KB 手機也是12KB;
→ Ayukawayen: 或是桌機離30cm觀看佔據視野20% 手機離10cm也佔據視野
→ Ayukawayen: 20%; 處理方法都不一樣~
推 miramira: 大小一樣，不是寫死寬高就好了嗎?