資訊專欄INFORMATION COLUMN
摘要：概述新課題研究響應(yīng)式郵件框架官網(wǎng)姐妹篇響應(yīng)式郵件框架介紹打開官網(wǎng)，就能看到的主標(biāo)題是大家再熟悉不過，是和齊名的響應(yīng)式框架所以可以放心使用不知道大家怎么看待響應(yīng)式框架，像之前那個姐妹篇一樣，也有標(biāo)記語言。期待您的來電或郵件網(wǎng)址電話郵箱
概述
新課題研究：響應(yīng)式郵件框架Formerly Ink（Formerly Ink官網(wǎng)：http://foundation.zurb.com/emails.html）
姐妹篇： EDM響應(yīng)式郵件框架：Formerly Ink
打開官網(wǎng)，就能看到Formerly Ink的主標(biāo)題是Foundation for Emails2
Foundation大家再熟悉不過，是和bootstrap齊名的響應(yīng)式框架
所以可以放心使用Formerly Ink~~
安裝不知道大家怎么看待響應(yīng)式框架，像之前那個姐妹篇MJML一樣，F(xiàn)ormerly Ink也有標(biāo)記語言Inky。鑒于標(biāo)記語言都差不多，今天就不用Inky作為講解主體了。
有兩種方法
方法一 CSS Version
下載壓縮包：Download Foundation for Emails
方法二 Sass Version
npm install --global foundation-cli foundation new --framework emails使用
以css版本為例,說說怎么用
基礎(chǔ)模板默認(rèn)郵件模板
|
|
因為是響應(yīng)式，所以少不了柵格~
容器 container就放在上面那個基礎(chǔ)模板的center里，里面放你的郵件代碼
放在容器內(nèi)
放在行內(nèi)，一行最多12列
像bootstrap一樣，用類名控制在行內(nèi)的大小和位置
small類是手機(jī)顯示 large類是電腦顯示
首列需要添加.first類名，末列需要添加.last類名
| Column One | Column Two |
|---|
和bootstrap一樣，還有其他的樣式類名，與響應(yīng)式郵件不直接相關(guān)就不在此多說了，有興趣的話可以自行了解
官方文檔： Bring Your Email Styles Inline
行內(nèi)樣式轉(zhuǎn)換由于有的郵件客戶端會忽略
|
|||||||