2013-08-16 86 views
0

你好,我必須編寫響應的HTML電子郵件模板我要你清除我將我的模板響應,如果我添加媒體queires例如用於不同分辨率sometging這樣響應HTML模板

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

(這是隻是一塊鱈魚清除我的點的課程,我必須添加此爲整個模板)

所以將模板響應,如果我添加這些查詢?

+0

爲什麼你使用'table [class = wrapper]'而不是'table.wrapper'有什麼特別的理由嗎?另外,你不希望這些'!important'標記在那裏。 –

+0

沒有特別原因 –

+1

從你問題的性質來判斷,我會先在這裏檢查一下。 http://webdesignerwall.com/tutorials/responsive-design-in-3-steps真的可以在幾分鐘內得到它的要點。 –

回答

0

添加媒體查詢將使您的電子郵件「響應」,只要它設置正確並且功能正常。在您的示例中,您需要將這些類添加到適當的表中以使其生效。因此,一般來說,使用媒體查詢=響應。

一個優秀的響應模板開始是this one通過電子郵件Adid。