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

看板Web_Design作者 (酣酣)時間9年前 (2015/05/21 09:32), 9年前編輯推噓3(3推 0噓 5→)
留言8則, 4人參與, 最新討論串1/1
USER提出了一個需求 想要在桌面和手機上看到的圖片大小都一樣 小弟對RWD不太熟只想到用media query寫幾個不同寬度的圖片大小 請問各位大大 如果以RWD的方式應該如何著手呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.127.6.145 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1432171920.A.E2D.html
→
05/21 10:13, , 1F
RWD不就有用到media query嗎@@
05/21 10:13, 1F
→
05/21 10:13, , 2F
如果是寬度的話，可以試試看用%數
05/21 10:13, 2F
推
05/21 10:22, , 3F
相同比例嗎? 試試看width: 100%; height:auto;
05/21 10:22, 3F
沒錯相同比例 但是圖片大小在解析度不同會不一樣 ※ 編輯: e2755699 (59.127.6.145), 05/21/2015 15:27:54
推
05/21 16:01, , 4F
相同大小是在桌機上看到的是寬16cm*9cm 在手機上也要
05/21 16:01, 4F
→
05/21 16:01, , 5F
16cm*9cm; 還是在桌機上看到大小是12KB 手機也是12KB;
05/21 16:01, 5F
→
05/21 16:02, , 6F
或是桌機離30cm觀看佔據視野20% 手機離10cm也佔據視野
05/21 16:02, 6F
→
05/21 16:04, , 7F
20%; 處理方法都不一樣~
05/21 16:04, 7F
推
05/24 08:19, , 8F
大小一樣，不是寫死寬高就好了嗎?
05/24 08:19, 8F
‣ 更多 e2755699 的文章
文章代碼(AID): #1LNJMGuj (Web_Design)