作者e2755699 (酣酣)
看板Web_Design
標題[問題] 不同解析度圖片相同大小
時間Thu May 21 09:31:57 2015
USER提出了一個需求
想要在桌面和手機上看到的圖片大小都一樣
小弟對RWD不太熟只想到用media query寫幾個不同寬度的圖片大小
請問各位大大 如果以RWD的方式應該如何著手呢?
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.127.6.145
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1432171920.A.E2D.html
1F：→ crossdunk: RWD不就有用到media query嗎@@ 05/21 10:13
2F：→ crossdunk: 如果是寬度的話，可以試試看用%數 05/21 10:13
3F：推 qm29213039: 相同比例嗎? 試試看width: 100%; height:auto; 05/21 10:22
沒錯相同比例 但是圖片大小在解析度不同會不一樣
※ 編輯: e2755699 (59.127.6.145), 05/21/2015 15:27:54
4F：推 Ayukawayen: 相同大小是在桌機上看到的是寬16cm*9cm 在手機上也要 05/21 16:01
5F：→ Ayukawayen: 16cm*9cm; 還是在桌機上看到大小是12KB 手機也是12KB; 05/21 16:01
6F：→ Ayukawayen: 或是桌機離30cm觀看佔據視野20% 手機離10cm也佔據視野 05/21 16:02
7F：→ Ayukawayen: 20%; 處理方法都不一樣~ 05/21 16:04
8F：推 miramira: 大小一樣，不是寫死寬高就好了嗎? 05/24 08:19