在所有平台上以与现实生活相同的大小加载图像

【问题标题】：load image at the same size as real life, in all platforms在所有平台上以与现实生活相同的大小加载图像
【发布时间】：2021-04-08 19:00:17
【问题描述】：

我想加载一个真实尺寸的图片，也就是说图片的尺寸是10cm\5cm，所以在所有平台上都会保持这个尺寸，

我尝试了绝对定位和所有这些东西，但是在其他平台（相同的浏览器..）中大小会发生变化

f12 > ctrl+shift+m，显示大小相同，但在真机上却没有

谢谢！

【问题讨论】：

标签： html css image size fullscreen

【解决方案1】：

您可以在here中从CM转换为PX。

这里是 css 单元：

em 相对于元素的字体大小（2em 表示当前字体大小的 2 倍） ex 相对于当前字体的 x 高度（很少使用）
ch 相对于“0”的宽度（零） rem 相对于根元素的 font-size
vw 相对于 1% 的宽度视口*
vh 相对于视口高度的 1%*
vmin相对于视口* 较小尺寸的 1% vmax 相对于视口*大尺寸的 1%
% 相对于父元素

more info

【讨论】：