新課題研究:響應式郵件框架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 追求效能體驗,是我們開始啟...