變動幅度

Question

編輯：模板可以在https://github.com/charlesmudy/responsive-html-email-template

我喜歡的模板被找到，但是我有改變的寬度和有它正確地響應問題，我不知道爲什麼。在頂部有一個評論，它被提及改變寬度，簡單地做一個查找和替換以下尺寸：

wrapper : '500', 
    columns : '210', 
    x-columns : [ 
        left : '90', 
        right: '350' 
      ] 

但是，改變包裝750，列335（750一半，然後減80爲填充等，就像500/210），和x列分別爲142和448，事情不按預期工作。

當我縮小瀏覽器時，模板不會捕捉到一列，直到480px，從481-750px部分留下右列的一部分。如果我恢復到原始大小，它可以找到。我不知道我錯過了什麼。

Answer 1

您還需要編輯您的@media規則。它位於模板中的line 103上。

您正在調整模板的width s和max-width s，但未考慮元素的響應式設計。由於你基本上使所有的元素大你也需要讓你的breakpoint也更大。 You can read more about media queries here。

Check out this fiddle。