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

时间:2014-11-28 20:02:01

标签: android ios html5 cordova web-applications

我正在尝试在移动网页上缩放图片(通过Cordova for Android / iOS打包),因此它始终具有以厘米为单位的已知宽度。无论屏幕分辨率/大小如何 - 我都需要图像具有以厘米为单位的已知宽度。如果我这样做的话就是本土方式'我会检查屏幕ppi(每英寸点数),然后相应地调整图像宽度(以像素为单位)。

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

开发一个可以单独覆盖每个平台上的cordova插件是唯一的解决方案,或者可以通过一些javascript(或cordova)代码完成。

1 个答案:

答案 0 :(得分:0)

这些天你不仅限于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 之类的方法检测DPI可以缩小差距。

祝你好运!

bovako