0
我試圖使用HTML和CSS它可以通過300像素寬或600px的寬視以下@media建立一個相當簡單的電子郵件調整大小:表堆疊和HTML和CSS
@media only screen and (max-width: 599px) { /* Mobiles etc */ }
@media only screen and (min-width: 600px) { /* Tablets or Desktops etc */ }
然後我有一張有兩個表格的表格,只要我將瀏覽器的大小調整到小於600px,這就好了。我已經做到了這一點:
@media only screen and (max-width: 599px) {
.floatLeftResponse{
width:100% !important;
float:left;
}
不過,我似乎無法得到的一切工作正常,因爲我的整個電子郵件要麼由一個表600px的寬或同與內兩份50%的表。在某些情況下,我希望右側位於左側,反之亦然。
然後我們有600px寬的圖像,它也應該縮小到300px寬。
由於我對這一切都相當陌生,所以我一直在做大量的谷歌搜索,每當我得到一個部分的工作,我總是設法打破其他部分。任何幫助,將不勝感激你們:)
僅供參考,很多電子郵件客戶端[不支持媒體查詢](https://litmus.com/help/email-clients/media-query-support/) – biggles
@jlego,我應該如何使用我的電子郵件「響應」? – hshah
只要您知道它們不像在Web瀏覽器中那樣支持跨客戶端,您就可以利用支持它的媒體查詢。 Litmus,Campaign Monitor和MailChimp都有關於此的最佳實踐的文章和資源。 – biggles