在各种移动设备上将网页上的图像缩放到1厘米宽

Question

我正在尝试在移动网页上缩放图像（通过Cordova打包为Android / iOS），因此它始终具有以厘米为单位的已知宽度。 不管屏幕分辨率/大小如何-我都需要图像具有以厘米为单位的已知宽度。 如果我要执行这种“本机方式”，我将检查屏幕的ppi（每英寸点数），然后相应地调整以像素为单位的图像宽度。

我尝试了stackoverflow的各种解决方案，但未能找到解决方案。

正在开发一个cordova插件，它将分别覆盖每个平台上的唯一解决方案，或者可以通过一些javascript（或cordova）代码来完成。

Answer 1

如今，您不仅限于CSS中的像素，请访问http://www.w3.org/Style/Examples/007/units.en.html作为参考，因此除了px，em和pt之外，您还可以使用cm厘米或英寸。

所以，要回答您的问题，您可以

<img src="someimg.png" style="width:1cm;" />

编辑：当我在系统上打开您的测试页时，它就像一个超级按钮。 但是，是的，在这种情况下，您可能需要做一些额外的工作，也许可以使用https://stackoverflow.com/questions/9292156/how-to-detect-the-screen-dpi-using- php-or-javascript可以缩小差距。

祝好运！

博瓦科