Since scalable emails don’t adjust the widths of tables or images between devices, and don’t use CSS media queries (we’ll get to those later) to swap content or change the size of text, it’s important to use a number of techniques to keep the content of scalable emails enjoyable not only on desktop, but when viewed on mobile devices as well. Scalable designs are typically the easiest to implement. While we’re using the term “scalable” to describe this approach, you may have also heard these concepts referred to as mobile aware, mobile friendly, agnostic or mobile first.
Inbound fluid image layout code#
Scalable design can be defined as any design that works well across both desktop and mobile without using code to adjust table or image sizes, or display or hide content between the two platforms.
Let’s begin with what many email marketers are currently using: scalable design. Eliminating the possibility of not doing anything at all, mobile email design can roughly be broken down into three categories:įor marketers to choose the approach that best suits their needs, it’s important to understand the differences between these three approaches. To make matters worse, many marketers are confused about what strategies actually exist. We examine the differences between responsive and hybrid design, and cover the pros and cons of each. Since the writing of this post, there has been a huge movement towards hybrid design. Enterprise Plan Boost collaboration and drive results.Litmus Plus Automate testing to ensure quality.Litmus Basic Build error-free, effective emails quickly.All Plans See solutions for companies of all sizes.
0 kommentar(er)
