电子邮件 HTML:如何在所有设备上保持相对相同的大小?
Email HTML: How to keep relative same size on all devices?
在 HTML 中,我如何才能创建表格,以便无论查看者使用什么服务,页面大小在所有查看中都大致相同?我知道您可以使用像素来定义尺寸,但是在 Retina Macbook 上,它的显示效果会比像素显示较少的设备小得多吗?
我最关心的是它通过计算机在网络上跨不同的电子邮件提供商工作。
<table align="center" border="1" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
不要使用 mm 或 cm,除非你正在打印。这是一个非常不可靠的单位。不,视网膜设备(除非用户另有选择,在这种情况下你不应该修复它)放大一切。从本质上讲,您是在保持相同的显示端口,只是增加了视网膜的像素密度。使用 px
并感到满意。
您最好使用百分比方法或 ems 来在所有视口中实现更统一的外观。查看 Responsive Web Design 以获得最佳结果
例如
table align="center" border="1" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
阅读此处:https://css-tricks.com/the-lengths-of-css/ 似乎没有任何东西可以提供可靠的刻度长度尺寸。最好的办法是使用固定值,例如 px
,然后使用基于浏览器像素密度的 scaling/multiplying(这需要浏览器在页面上提供反馈),这仅 可能 需要,因为我还不知道是否所有浏览器都考虑了像素密度。
在 HTML 中,我如何才能创建表格,以便无论查看者使用什么服务,页面大小在所有查看中都大致相同?我知道您可以使用像素来定义尺寸,但是在 Retina Macbook 上,它的显示效果会比像素显示较少的设备小得多吗?
我最关心的是它通过计算机在网络上跨不同的电子邮件提供商工作。
<table align="center" border="1" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;">
不要使用 mm 或 cm,除非你正在打印。这是一个非常不可靠的单位。不,视网膜设备(除非用户另有选择,在这种情况下你不应该修复它)放大一切。从本质上讲,您是在保持相同的显示端口,只是增加了视网膜的像素密度。使用 px
并感到满意。
您最好使用百分比方法或 ems 来在所有视口中实现更统一的外观。查看 Responsive Web Design 以获得最佳结果
例如
table align="center" border="1" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
阅读此处:https://css-tricks.com/the-lengths-of-css/ 似乎没有任何东西可以提供可靠的刻度长度尺寸。最好的办法是使用固定值,例如 px
,然后使用基于浏览器像素密度的 scaling/multiplying(这需要浏览器在页面上提供反馈),这仅 可能 需要,因为我还不知道是否所有浏览器都考虑了像素密度。