This question already has answers here:
Web and physical units
                                
                                    (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