EDM響應式郵件框架 Formerly Ink

2021-09-19 08:44:53 字數 1341 閱讀 1820

新課題研究:響應式郵件框架formerly ink(formerly ink官網:

姐妹篇: edm響應式郵件框架:formerly ink

開啟官網,就能看到formerly ink的主標題是foundation for emails2

foundation大家再熟悉不過,是和bootstrap齊名的響應式框架

所以可以放心使用formerly ink~~

不知道大家怎麼看待響應式框架,像之前那個姐妹篇mjml一樣,formerly ink也有標記語言inky。鑑於標記語言都差不多,今天就不用inky作為講解主體了。

有兩種方法

以css版本為例,說說怎麼用

預設郵件模板

因為是響應式,所以少不了柵格~

容器 container

就放在上面那個基礎模板的center裡,裡面放你的郵件**

行 row

放在容器內

列 columns

放在行內,一行最多12列

像bootstrap一樣,用類名控制在行內的大小和位置

column one

column two

其他

和bootstrap一樣,還有其他的樣式類名,與響應式郵件不直接相關就不在此多說了,有興趣的話可以自行了解

官方文件: bring your email styles inline

由於有的郵件客戶端會忽略

¥650

constable terrace 60a

獨棟別墅 距離托馬斯吧啦吧藝術高中2.5公

¥650

constable terrace 60a

獨棟別墅 距離托馬斯吧啦吧藝術高中2.5公

¥650

constable terrace 60a

獨棟別墅 距離托馬斯吧啦吧藝術高中2.5公

¥650

constable terrace 60a

獨棟別墅 距離托馬斯吧啦吧藝術高中2.5公

¥650

constable terrace 60a

獨棟別墅 距離托馬斯吧啦吧藝術高中2.5公

¥650

constable terrace 60a

獨棟別墅 距離托馬斯吧啦吧藝術高中2.5公

我們的諮詢顧問為您在理想位置尋找滿意的海外住所,全稱跟蹤,預訂無憂。期待您的來電或郵件!

**:www.123.com

響應式框架推薦

對於用習慣了bootstrap開發頁面的程式設計師來說,bootstrap就已經足夠滿足需求了,響應式web設計不僅能夠讓頁面適應螢幕尺寸還能給使用者帶來完美的體驗,下面是從網上獲取的資源對幾款響應式框架的乙個介紹,希望能給大家提供更多的參考。ui是web的靈魂!semantic是為攻城師而製作的可...

響應式框架 Bootstrp

1.流體容器 container fluid 相當於width auto 兩側15px padding 2.固定容器 閾值 width 內容區,包括內邊距 lg大於等於1200 lg 大屏pc 1170 1140 槽寬padding left padding right 15px md大於等於992...

響應式WebUI框架整理

1 frozen ui 移動框架 簡單易用,輕量快捷,為移動端服務的前端框架。依賴第三方類庫,如 zeptojs 2 ydui touch ydui touch 專為移動端打造,在技術實現 互動設計上相容主流移動裝置,保證 輕 效能高。3 sui mobile 4 mui 追求效能體驗,是我們開始啟...