【发布时间】：2013-10-12 16:42:18
【问题描述】：
我试图确保<img> 具有一定的高度，以实际单位（厘米或毫米）为单位，无论设备的屏幕尺寸如何。
所以我的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/
我用来测试的设备是：Samsung Galaxy Young S5360
编辑
我用这个网站测试了 URL： http://www.brickandmobile.com/mobile-emulator/
它将 Galaxy Note 的高度渲染为 30mm， 所以显然有问题。
高度规则随设备尺寸“缩放”，这是我不想要的。
编辑 2：
真的吗？没门 ？ 我对 jQuery 或任何其他解决方案持开放态度。只需要一种方法来确保 img 具有一定的大小。请不要告诉我这是不可能的:)
【问题讨论】：
-
问题可能是设备无法准确地渲染图像尺寸。
-
但是 CSS 规则不应该将图像大小强加在设备上吗？
-
它仍然取决于设备来正确扩展它。你说它是一个非常小的设备；也许这是工程师在创建设备时采用的设计权衡之一。
-
我用模拟器测试过，不同的设备有不同的高度。请查看我的编辑。
-
这对我所说的有什么影响？
标签： html css responsive-design media-queries viewport