Я кодирую шаблон и начинаю использовать e js для почтового шаблона. Но когда я использую встроенный css с e js, он не отображается на почтовых серверах, таких как Gmail. Я новичок в использовании e js, поэтому я сильно растерялся, если неправильно использую flexbox. Поскольку выходные данные не связаны с тем, что я хочу.
Вот мой файл e js.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="margin: 0; padding: 0; display: flex; flex-direction: column;">
<div style="display: flex; background-color: burlywood; height: 40; width: 100%; border: 1px solid black;"><p>header</p></div>
<div style="display: flex; background-color: burlywood; height: 200; width: 100%; border: 1px solid black;"><p>bodhy</p></div>
<div style="display: flex; background-color: burlywood; height: 40; width: 100%; border: 1px solid black;"><p>footer</p></div>
</body>
</html>
Вот мой код узла.
const data = await ejs.renderFile(__dirname + "/simple.ejs", {name: "Name"});
const mainOptions = {
from: "my@address",
to: "to@address",
subject: "Please activate your account",
html: data,
};
transporter.sendMail(mainOptions, (err, info) => {
if (err) {
console.log(err);
} else {
console.log("Message sent: " + info.response);
}
});
Вот вывод в Gmail.
Я пытаюсь написать flexbox с другой системой внутренних пропорций, но файл e js не принимает мои свойства высоты или ширины. Я хотел бы узнать, в чем я не прав.
Заранее спасибо.