作者e2755699 (酣酣)
看板Web_Design
标题[问题] 不同解析度图片相同大小
时间Thu May 21 09:31:57 2015
USER提出了一个需求
想要在桌面和手机上看到的图片大小都一样
小弟对RWD不太熟只想到用media query写几个不同宽度的图片大小
请问各位大大 如果以RWD的方式应该如何着手呢?
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 59.127.6.145
※ 文章网址: https://webptt.com/cn.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