css - 移动设备和网站 CSS 中图像的绝对大小

Question

我得到了一张图片，该图片在网站和移动设备上的尺寸必须相同。

我配置了 css :

.my-pic {
width: 2.5cm!important; 
height: 4.5cm!important;}

对于这个 html :

<img src='/path/to/img.png' class='my-pic'/>

我测量了我网站上的图片，尺寸合适。但在手机上它更小(4 厘米上 1.5 厘米)

我该如何处理这个问题？

Answer 1

需要使用媒体查询，并根据需要设置css