自適應HTML模板

Question

你好，我必須編寫響應式html電子郵件模板，如果我添加用於不同分辨率的媒體查詢（例如，像這樣的東西），我希望您清除我的模板會響應嗎？

@media only screen and (max-width: 480px){
table[class=wrapper]
{
    width:100% !important;
}
table[class=main_table]
{
    width:320px !important;
    width:100% !important;
}

（這只是鱈魚，以清除我的觀點，我必須為整個模板添加它）

所以如果我添加這些查詢，模板會響應嗎？

Answer 1

只要設置正確且功能正常，添加媒體查詢將使您的電子郵件“響應”。 在您的示例中，您需要將這些類添加到適當的表中，以使其生效。 因此，通常，使用媒體查詢=響應式。

首先是一個出色的響應式模板， 該模板由Adid上的Email提供。