Html 媒体查询不是'；我不为电子邮件工作

我正试图编写一封响应性强的设计电子邮件——我在这里仔细搜索了一下，没有找到任何确实有用的东西。我真的没有看到@media查询的任何部分——图像保持在我在@media查询中编码的大小，并且没有在浏览器中重新调整大小。我所编码的字体的移动风格也不稳定。下面是一些代码：

<style type"text/css">
body {background-color: #e5e5e5}
p {
    font-size: 13px; 
    font-family: verdana; 
    line-height: 21px;
    color:#4B5460;
     }
a {
    font-family: verdana; 
    font-weight: bold; 
    text-decoration: underline; 
    color: #4B5460;
}
.footer_link {
    font-weight: normal;
    text-decoration: none;
    color:#0c5bba;
    font-size: 11px;
}

@media screen and (max-width:480px) {
    .graf_font {
        font-size: 16px;}
    }
    .reg_button {
        max-width:200px;
    }
    .mobile_hide {
        display: none;
    }
    .chiclets {
        max-width: 100px;
    }
    .snapshot {
        max-width:75px;
    }
}
</style>

正文{背景色：#e5}
p{
字体大小：13px；
字体系列：verdana；
线高：21px；
颜色：#4B5460；
}
a{
字体系列：verdana；
字体大小：粗体；
文字装饰：下划线；
颜色：#4B5460；
}
.footer\u链接{
字体大小：正常；
文字装饰：无；
颜色：#0c5bba；
字体大小：11px；
}
@媒体屏幕和屏幕（最大宽度：480px）{
.graf_字体{
字体大小：16px；}
}
.reg_按钮{
最大宽度：200px；
}
.移动_隐藏{
显示：无；
}
.小鸡{
最大宽度：100px；
}
.快照{
最大宽度：75px；
}
}

如果你需要更多的代码，请告诉我——我是这方面的初学者，所以我知道我遗漏了一些引人注目的东西

---

谢谢

看起来您有一个额外的右括号

.graf_font {
    font-size: 16px;} /* <-- remove this bracket */
}

.graf\u字体{
字体大小：16px；}/*电子邮件不完全支持最大宽度。我发现使用百分比是一个有用的选择（例如宽度=80%）。如果你能让图像占据移动图像屏幕或表格单元格的一定百分比，而不是特定的像素宽度，那么可能会更成功。如果您仍然没有成功，请尝试添加！在你的CSS之后很重要

此外，您还需要内联设置文本样式，因为许多内容会被不同的电子邮件客户端删除

我还建议你退房。这是一个新的免费来源，有很多关于电子邮件设计的最新信息，以及比我更了解电子邮件设计的人。
欢迎（尝试）设计电子邮件。跑远点。忘记电子邮件中的媒体查询。当设计电子邮件时，将你的网页设计技巧设置回1994年。甚至不使用div，而是使用tables。