簡體   English   中英

從Charles Mudy更改響應HTML通訊模板的寬度

[英]Change width of Responsive HTML Newsletter Template from Charles Mudy

編輯:可以在https://github.com/charlesmudy/response-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移開了一部分。 如果我恢復為原始大小,則可以找到它。 我不確定我缺少什么。

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

您正在調整模板的widthmax-width ,但不考慮元素的響應式設計。 由於實質上是使所有元素都變大,因此也需要使breakpoint變大。 您可以在此處閱讀有關媒體查詢的更多信息

看看這個小提琴

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM