outlook邮件中样式错乱问题

场景：

公司人力资源共享中心为关怀员工提出对在职员工推送生日祝福/入职周年庆祝的消息（含短信、企微、以及邮件），要求邮件和企微推送消息为网页形式展现。

现象：

邮件模板编写完成后不同的收件平台渲染的情况大相径庭，再outlook客户端以及网页版收到的邮件内容出现了严重的变形问题。如图所示（左侧为Foxmail显示、右侧为outlook显示）：

 

 代码：

<div style="max-width: 414px;min-width: 414px;max-height:736px;min-height:736px;color: white;padding: 20px;margin: 20px;