我正在创建一个电子邮件模板,我正试图让它响应现在我遇到了一个问题,我一直在研究使用 "@media"
标签,但电子邮件不太喜欢<style>
所以我真的不确定该怎么做。
<body>
<table>
<table>
<tr>
<td>
text blah blah
</td>
</tr>
</table>
<!-- This is the one I was responsive (The one below) -->
<table>
<tr>
<td>
Make this table responsive <3
</td>
</tr>
</table>
</table>
</body>
P.S,我不需要顶部响应,所以我怎样才能将第二个链接到 CSS
我有我所有的表格,桌面设计看起来很完美'例如,div 和表格是“%”而不是“px”,当它缩小到移动设备时,我有 2 个相邻的 div,它们仍然是 50%浏览器屏幕(50% 的移动和桌面),但当它们缩小时,我希望它们成为 100% 的移动屏幕
最佳答案
<head>
<style>
@media only screen and (max-width: 771px) {
/*add your class and code here*/
}
</style>
</head>
关于html - 如何使用@Media 查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31702168/