是否可以将元件的高度与移动设备的可变宽度相匹配？（html电子邮件；无JS）

处理HTML电子邮件时，我需要表格的高度与移动设备的宽度相匹配。使用的背景图像的纵横比为1:1。背景需要填充设备的宽度，因此桌子的高度需要与移动设备的宽度相匹配。这两个盒子叠在手机上

td{font-family:Helvetica；}
@仅介质屏幕和（最大宽度：414px）{
.bg{
宽度：100%！重要；
背景尺寸：封面！重要；
背景位置：中上！重要；
背景重复：不重复！重要；
显示：块！重要；
}
.imgWidth{
宽度：100%！重要；
高度：自动！重要；
最小宽度：100%！重要
}
.全宽{
宽度：100%！重要；
最小宽度：100%！重要
}}

你好，世界
你好，世界2
你好，世界3

vw

得到了很好的支持，因此可以使用：

Syfer可能是对的，100vw可能由于较小的利润和填充而不可能实现，但是，如果代码居中，这可能无关紧要。您需要对此进行彻底测试，但可以将宽度和高度都设置为大约

95vw！重要信息（“视口宽度的95%”），从粗略的外观来看，这似乎很有效

如果我们将宽度保留为100%宽度，则可能与高度不同，因为这些边距/填充

@media only screen and (max-width: 414px)
.bg {
    width: 95vw !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    display: block !important;
    height: 95vw !important;
}

我认为这是不可能的。几乎每台设备都会在图像周围提供边距/填充。