This question already has answers here:
Web and physical units
(2个答案)
Div width in cm (inch)
(6个答案)
6年前关闭。
我的eshop中的每个产品都必须以其实际尺寸显示(厘米或毫米),而与访客访问该产品所使用的分辨率无关。
我正在寻找一种适用于所有浏览器的解决方案。
如何才能做到这一点?
CSS中毫米和厘米的测量效果如何?
将在屏幕上测量的元素的高度设置为100cm。但是,为了进行快速测试,我创建了一个包含以下内容的网页:
该div在一个显示器上显示10厘米,在另一台显示器上显示8.9厘米,在平板电脑上显示6.35厘米,在手机上显示2.05厘米或3.3厘米,具体取决于方向。因此,尽管您可以在CSS中设置绝对长度,但实际上并不能保证这就是您要获得的。不幸的是,尽管您总是可以尝试宰杀山羊以增加机会,但我也认为没有其他更准确的选择。
the spec
(2个答案)
Div width in cm (inch)
(6个答案)
6年前关闭。
我的eshop中的每个产品都必须以其实际尺寸显示(厘米或毫米),而与访客访问该产品所使用的分辨率无关。
我正在寻找一种适用于所有浏览器的解决方案。
如何才能做到这一点?
CSS中毫米和厘米的测量效果如何?
最佳答案
据我所知,在css中,您可以将cm,mm和in作为单位用于任何需要长度值的属性,因此
height: 100cm;
将在屏幕上测量的元素的高度设置为100cm。但是,为了进行快速测试,我创建了一个包含以下内容的网页:
<div style="height: 10cm; width: 10cm; background-color: red">
该div在一个显示器上显示10厘米,在另一台显示器上显示8.9厘米,在平板电脑上显示6.35厘米,在手机上显示2.05厘米或3.3厘米,具体取决于方向。因此,尽管您可以在CSS中设置绝对长度,但实际上并不能保证这就是您要获得的。不幸的是,尽管您总是可以尝试宰杀山羊以增加机会,但我也认为没有其他更准确的选择。
the spec
关于html - 网页-图片大小(以毫米为单位),我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20777388/
10-09 12:33