上周接到一个需求,要写一个邮箱内接收邮件的页面,一开始,我就当做正常页面去写了,但是上正式环境后,突然发现,样式千奇百怪,大部分都没生效。

查阅资料后,才知道,由于邮箱内页面对很多H5,CSS3属性不支持,因此邮箱内嵌入html页面比较特殊,需要注意以下几点:

邮箱内页面布局尽量采用table+css,table兼容性较好,可在表内嵌套div

尊敬的开发者:

“xxx”在此次的‘网络友好度测试’评级:4颗星(最高5颗星)。

写样式要写成内联样式,移动端对syle和link引入的样式都不能识别,但pc可以识别style样式

不要用float、定位

尽可能少用img标签,因为很多邮箱客户端默认不显示图片,所以,如果需要图片的话,一定要写好alt和title

邮件不支持javascript,link,flash、iframe以及一些特殊的标签

邮箱html页面无法显示图片,邮箱内嵌入html页面需要注意的相关推荐

  1. jsp空白页面传html代码,echarts在HTML里测试一般,在jsp页面不显示,而且还把整个页面变成空白...

    echarts在HTML里测试正常,在jsp页面不显示,而且还把整个页面变成空白 echarts在HTML里测试正常,在jsp页面不显示,而且还把整个页面变成空白,请大神帮忙,急,在线等 Create ...

  2. 关于springmvc 只能在index.jsp页面显示图片的处理办法jsp页面无法显示图片

    首先,已经配置好了mvc对静态资源的处理 只有index,jsp可以显示图片 其他页面同样的代码则不显示 后来折腾了半天,发现 index是static的父目录的级别文件 可以向下访问 但是其他的js ...

  3. 小程序嵌套h5页面_微信小程序内嵌h5页面

    概况 使用 标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的.如果开发工具上勾选了'不校验域名',在开发 ...

  4. android如何在登录界面嵌入图片,Android内嵌H5页面调用手机图片操作

    我们在APP中有一个功能是引导商家入驻我们平台,商家入驻就需要填写一些企业信息和上传营业执照或宣传照片等.为了考虑到方便及兼容性问题,我们产品就考虑用H5开发这个功能,然后内嵌到APP中,刚开始我们A ...

  5. php网页分享时显示图片怎么设置,分享html页面 在微信分享中可以设置分享标题和描述和图片...

    微信中分享页面已经是很流行的一种方式,那么如何可以让自己做的h5页面能设置分享标题.描叙和图片呢? 问题 第三方网站在微信中分享的链接想要左边有简介概述,右边有缩略图,没有缩略图不能引起客户足够的重视 ...

  6. java页面分页显示代码_通用分页jsp页面显示

    注:本章内容都是在上一篇文章 通用分页后台显示:https://www.cnblogs.com/ly-0919/p/11058942.html  的基础上进行改进,所以有许多的类都在上一篇, 带来不便 ...

  7. 微信小程序 首次页面加载 图片加载 加载页面时候会闪一下

    微信小程序 图片加载 image标签如果不给高度 加载页面时候会闪一下 至于原因,我的理解是:小程序图片闪烁是因为图片没有高度,加载时从第最高高度变到最适合高度的过程,高度加载是需要一定时间计算的 解 ...

  8. 通过Iframe在A网站页面内嵌入空白页面的方式,跨域获取B网站的数据返回给A网站!...

    以下代码只是为演示该方法具体是如何操作的,实际的意义并不大. 其实这个方法还可以解决很多方面的跨域操作,以下两点为我工作中遇到的情况! 比如A系统中打开B系统页面的时候,获取B系统页面高度,A系统中可 ...

  9. 在java中下列说法不正确的是,【单选题】关于java中的转义字符,下列说法不正确的是 A. 是制表位 B. 可以实现换行 C. 可以在页面中显示双引号 D. \可以在页面实现注释...

    实际流体总流的能量方程是工程流体力学中最常用的基本方程之一,其应用条件是().A.流动是恒定 雷诺数Re反映了()的对比关系.A.黏滞力与重力B.重力与惯性力C.惯性力与黏滞力D.黏滞力与动水 201 ...

最新文章

  1. embedding层和全连接层的区别是什么 一般说embedding层,实现方式就是一个没有bias的fc层
  2. Java面向对象特征介绍
  3. Tomcat启动过程中找不到JAVA_HOME解决方法
  4. jMeter CSV Data set config 的 sharing mode 和 Thread group loop 配合使用
  5. CRM WebClient UI里标准configuration和custom configuration区别
  6. LeetCode 343. Integer Break
  7. 1909升级卡64_升级win10 1909后开机数分钟后出现卡死如何解决
  8. http 请求 超时时间设置
  9. BAT互联网大厂的后端主流技术栈是啥?
  10. 光影魔术手的抠图功能
  11. 开源网店系统Javashop 发布3.0beta版
  12. 点晴oa系统搭服务器,免费OA办公系统的亮点所在
  13. php 499状态如何处理,HTTP499状态码 nginx下499错误及其解决方法
  14. Tesseract学习(五)
  15. c语言中num =10,num/100%10 这是什么意思求详细的计算逻辑
  16. Oracle期末复习1
  17. linux音频文件格式转换,Linux下常见音频格式之间的转换方法
  18. AE圣诞树(html版本),免费
  19. 什么是interop
  20. 2019最新Web全栈架构师第九期视频教程全套

热门文章

  1. 拼多多面试官没想到ThreadLocal我用得这么溜,人直接傻掉
  2. 网上银行系统5:系统登陆
  3. draggrid简单用法
  4. 骗赞小程序(仅供恶搞)
  5. 【概率论与数理统计】p1-4 前言、随机试验、样本空间、事件间的关系、事件的运算及运算法则
  6. 华为电脑 鸿蒙,微软宣布Win10装机量突破10亿,唯独华为电脑不能安装,鸿蒙极速反击...
  7. 常见夸张标题,博人眼球
  8. fixed income
  9. MacTeX (Mac Latex) 快速下载链接
  10. 做技术应该持有什么样的工作态度?