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

时间:2015-04-23 16:21:27

标签: html css inline

在HTML中,我如何才能创建表格,以便无论观众使用什么服务,在所有观看中页面的大小都大致相同?我知道你可以使用像素来定义尺寸,但是在Retina Macbook上显示的像素显示比像素显示更小的东西要小吗?

我最担心的是,它可以通过计算机在网络上与不同的电子邮件提供商合作。

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

3 个答案:

答案 0 :(得分:3)

除非您正在打印,否则

不要使用mm或cm。这是一个非常不可靠的单位。不,视网膜设备(除非用户另有选择,在这种情况下你不应该修复它)扩大规模。从本质上讲,您可以维持相同的显示端口,只需增加视网膜的像素密度。使用px并感到满意。

答案 1 :(得分:0)

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

例如

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

答案 2 :(得分:0)

在这里阅读:https://css-tricks.com/the-lengths-of-css/似乎没有什么可以提供可靠的比例长度维度。最好的办法是使用固定值,例如px,然后根据浏览器像素密度(这需要浏览器在页面上的反馈)进行缩放/乘法,这只可能是我还不知道所有浏览器是否考虑了像素密度。