Css 在所有设备上,一个元素的大小是否可能完全相同?

Css 在所有设备上,一个元素的大小是否可能完全相同?,css,Css,我目前正在使用css:{width:63mm;},但大多数时候它根本不是63mm。我想在所有设备(包括手机)上制作一些真人大小的扑克牌,但它似乎仍然可以扩展。我需要知道是否有可用的测量方法来解决这个问题,或者我必须接受这是不可能/不合理的 编辑:如果您需要有关代码的信息,这里是我的网站:屏幕上不可能出现完全相同的真实单位 不推荐这样做。当指定用于打印的样式表时,它们用于@media print查询 从上面的链接文章中(重点): 所谓的绝对单位(厘米、毫米、英寸、磅和磅)在CSS中的含义与其他任何

我目前正在使用
css:{width:63mm;}
,但大多数时候它根本不是63mm。我想在所有设备(包括手机)上制作一些真人大小的扑克牌,但它似乎仍然可以扩展。我需要知道是否有可用的测量方法来解决这个问题,或者我必须接受这是不可能/不合理的


编辑:如果您需要有关代码的信息,这里是我的网站:

屏幕上不可能出现完全相同的真实单位

不推荐这样做。当指定用于打印的样式表时,它们用于
@media print
查询

从上面的链接文章中(重点):

所谓的绝对单位(厘米、毫米、英寸、磅和磅)在CSS中的含义与其他任何地方相同,但只有在输出设备具有足够高的分辨率时才是。在激光打印机上,1厘米应该正好是1厘米。但是在低分辨率设备上,例如计算机屏幕,CSS不需要这些。事实上,从一个设备到另一个设备,从一个CSS实现到另一个CSS实现,结果往往是不同的。最好将这些单元保留用于高分辨率设备,尤其是打印输出。在电脑屏幕和手持设备上,您可能无法获得预期的效果


你能提供一个代码笔突出显示问题吗?如果你设置了
宽度:63mm
,它不会根据窗口大小而改变,所以问题不是很清楚。我刚刚添加了一个链接。那么你想用那张卡做什么卡片尺寸不会根据屏幕大小而改变,您想移除屏幕尺寸变化时自动调整的卡吗?我认为您无法在所有设备上保证这一点,因为即使是同一设备类别中的不同设备(如智能手机)有多种显示分辨率,会产生1-5毫米的差异。因此,如果我打印出卡片,无论使用何种设备,它们都将是完美的尺寸。有点令人失望的是,目前还没有一种方法来确定屏幕尺寸,但这是可以理解的。这是有道理的:为什么你要在50英寸的屏幕上安装43毫米“电视屏幕和智能手表?相反,将电视屏幕的基本字体大小设置为40px,将smartwatch的基本字体大小设置为10px,然后根据字体大小缩放卡。您的卡片将保持适当的纵横比,并将随着内部使用的字体大小进行缩放。更多信息请参阅我在答案中链接的文章。