邮件营销模板移动端兼容技术

发布时间:2018年10月01日来源:邮箱号码大全点击:次

1.设计图稿时，要考虑布局可以同时适应桌面端和移动端，最好可以设计时画两个稿图；

2.懂点@media，显示宽度取决于屏幕

3.编写代码时，考虑下布局的响应了，适应不同大小的屏幕；

Html 编码有三种常见技术：

1.使用@media 媒体查询语句

2.基于百分比布局

3.设计元素，可以响应自然，在更小的移动设备上可以切换

国外有很多关于edm响应布局的编码经验分享，可以搜搜看：Emailology: Free Responsive Email Template

可以下载下来研究下，还是不难的

总之，要想兼容所有客户端一模一样，代码就越复杂，所以设计美观同时也要充分考虑下实现~

所以，最好的建议，还是布局不要太复杂，建议1-2列式布局，易控制，易兼容，易阅读~