上周接到一个需求,要写一个邮箱内接收邮件的页面,一开始,我就当做正常页面去写了,但是上正式环境后,突然发现,样式千奇百怪,大部分都没生效。
查阅资料后,才知道,由于邮箱内页面对很多H5,CSS3属性不支持,因此邮箱内嵌入html页面比较特殊,需要注意以下几点:
邮箱内页面布局尽量采用table+css,table兼容性较好,可在表内嵌套div
|
写样式要写成内联样式,移动端对syle和link引入的样式都不能识别,但pc可以识别style样式
不要用float、定位
尽可能少用img标签,因为很多邮箱客户端默认不显示图片,所以,如果需要图片的话,一定要写好alt和title
邮件不支持javascript,link,flash、iframe以及一些特殊的标签
在开发邮箱内接收邮件的页面时,遇到样式问题,发现邮箱客户端对H5和CSS3支持有限。应避免使用float布局,尽量采用table+css进行布局,同时样式需写为内联样式以确保移动端兼容。img标签慎用,需提供alt和title属性,因为许多邮箱默认不显示图片。此外,邮件不支持javascript、link、flash、iframe等标签。
1851

被折叠的 条评论
为什么被折叠?



