Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 移动设备中以毫米为单位定义的高度错误_Html_Css_Responsive Design_Media Queries_Viewport - Fatal编程技术网

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

Html 移动设备中以毫米为单位定义的高度错误,html,css,responsive-design,media-queries,viewport,Html,Css,Responsive Design,Media Queries,Viewport,我试图确保一个有一定的高度,以实际单位(厘米或毫米)为单位,而不管设备的屏幕大小 所以我的css规则 img.class_of_image { height:34.3mm } 而且它在我的电脑里也能工作。 但是当我用我的移动设备(一个非常小的设备)访问页面时 高度渲染为25毫米左右 我怎样才能解决这个问题 我在中添加了此标记: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sc

我试图确保一个
有一定的高度,以实际单位(厘米或毫米)为单位,而不管设备的屏幕大小

所以我的css规则

img.class_of_image
{
 height:34.3mm
}
而且它在我的电脑里也能工作。 但是当我用我的移动设备(一个非常小的设备)访问页面时 高度渲染为25毫米左右

我怎样才能解决这个问题

我在
中添加了此标记:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

演示位于以下链接中:

我用来测试的设备是:三星Galaxy Young S5360

编辑 我使用此网站测试了URL:

它将Galaxy Note的高度渲染为30毫米, 所以很明显有问题

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

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

CSS
mm
单位实际上并不代表现实生活中的毫米,它只代表3.78px


来源:。

问题可能是设备无法准确地呈现图像大小。但是CSS规则不应该将图像大小强加给设备吗?仍然需要设备来正确缩放图像。你说这是一个非常小的设备;也许这是工程师们在设计这款设备时所采用的设计权衡之一。我用模拟器进行了测试,它在不同的设备中有不同的高度。请看我的编辑。这如何改变我说的?谢谢。虽然这是个坏消息,但这有帮助。知道如何将维度设置为真实的单位吗?