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