电子邮件HTML：如何在所有设备上保持相同的大小？

问题描述：

在HTML中，我如何才能创建表格，以便无论查看者使用何种服务，页面的大小在所有查看中大小相同？我知道你可以使用像素来定义尺寸，但是在Retina Macbook上，显示器的显示会比像素显示更少的东西要小得多。电子邮件HTML：如何在所有设备上保持相同的大小？

我最关心的是它是如何在计算机上通过Web上的不同电子邮件服务提供商进行工作的。

<table align="center" border="1" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">

对于世界而言，你的意思是绝对大小，因为它总是会看起来宽10厘米，或绝对大小到包含它的设备，因为它总是覆盖屏幕的一半？ – Martin

答

不要使用毫米或厘米，除非你打印。这是一个非常不可靠的单位。不，视网膜设备（除非用户选择了其他方式，在这种情况下，您不应该修复它）将所有设备都放大。本质上，你保持相同的显示端口，并增加视网膜的像素密度。使用px并予以满足。

是的，我检查了我的评论，发现它是错误的。我每天都会学到新的东西！ – Martin

好吧，这很整齐，非常感谢，那就应该解决我的担心吧！ –

答

您可能会更好地使用百分比方法或ems来在所有视口中实现更均匀的外观。考虑Responsive Web Design以获得最佳效果

例如

table align="center" border="1" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">

百分比是视口的百分比不是绝对值 – Martin

也许我错误地阅读了这个问题，但是在我看来，他不想要600px宽的东西，无论设备如何。为了使表格在所有设备上更一致，百分比的使用可以起作用，即使百分比在技术上并非长度单位 – AnnieMac

OP表示“页面大小在所有设备上的大小大致相同？”，并且如果设备的直径从英寸到英尺不等，这个数值的百分比只会给出相对值 - 而不是绝对值。 – Martin

答

这里读了起来：https://css-tricks.com/the-lengths-of-css/似乎有什么，会给出一个可靠的规模的长度尺寸。最好的办法是使用固定值，如px，然后根据浏览器像素密度进行缩放/放大（这将需要浏览器在页面上的反馈），但只有可能需要，因为我还不知道如果所有浏览器都考虑像素密度。

电子邮件HTML：如何在所有设备上保持相同的大小？

相关推荐