在移动设备中以毫米为单位定义的高度错误

时间:2013-10-05 20:20:04

标签: html css responsive-design media-queries viewport

我正在尝试确保<img>具有一定的高度,以实际单位(cm或mm)为单位,与设备的屏幕尺寸无关。

所以我的css规则有

img.class_of_image
{
 height:34.3mm
}

它也适用于-my- PC。 但是当我用我的移动设备访问该页面时(一个非常小的) 高度呈现像25毫米。

我该如何解决这个问题?

我在<head>

中添加了此标记
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

演示在此链接中: http://webtasarimveprogramlama.com/cetvel/alternatif-1/

我正在测试的设备是:三星Galaxy Young S5360

修改

我测试了此网站的网址: http://www.brickandmobile.com/mobile-emulator/

它将Galaxy Note的高度设为30mm, 所以显然有些不对劲。

高度规则“缩放”设备大小,这是我不想要的。

编辑2:

真的?没门 ? 我对jQuery或任何其他解决方案持开放态度。只需要一种方法来确保img具有一定的大小。请不要告诉我这是不可能的:)

1 个答案:

答案 0 :(得分:2)

CSS mm单位实际上并不代表真实毫米,它只代表3.78px。

来源:http://css-tricks.com/the-lengths-of-css/