【问题标题】:scaling an image on webpage to 1cm width across various mobile devices在各种移动设备上将网页上的图像缩放到 1 厘米宽
【发布时间】:2015-01-27 12:01:16
【问题描述】:

我正在尝试缩放移动网页上的图像(通过 cordova 为 Android/iOS 打包),因此它始终具有以厘米为单位的已知宽度。无论屏幕分辨率/尺寸如何 - 我需要图像具有以厘米为单位的已知宽度。如果我要以“本机方式”执行此操作,我将检查屏幕 ppi(每英寸点数),然后相应地调整图像宽度(以像素为单位)。

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

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

【问题讨论】:

    标签: android ios html cordova web-applications


    【解决方案1】:

    如今,您不再局限于 CSS 中的像素,请查看 http://www.w3.org/Style/Examples/007/units.en.html 以供参考,因此除了 px、em、pt 之外,您还可以使用 cm 表示厘米,或使用 in 表示英寸。

    所以,要回答你的问题,你可以这样做

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

    编辑:当我在我的系统上打开您的测试页时,它就像一个魅力。 但是,是的,在这种情况下,您可能需要做一些额外的工作,也许使用https://stackoverflow.com/questions/9292156/how-to-detect-the-screen-dpi-using-php-or-javascript 之类的方法检测 DPI 可以弥补差距。

    祝你好运!

    bovako

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-07-24
    • 1970-01-01
    相关资源
    最近更新 更多