[英]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
。
您正在調整模板的width
和max-width
,但不考慮元素的響應式設計。 由於實質上是使所有元素都變大,因此也需要使breakpoint
變大。 您可以在此處閱讀有關媒體查詢的更多信息 。
看看這個小提琴 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.