market-share-2011-2013-540x291
Source: Litmus
As we said in a previous article, the first thing is always to analyze our specific situation, but if we detect the need, these are the strategies that we can follow to adapt to the new situation:
Scalable (mobile aware)
Mobile aware means that it takes into account the existence of mobile petroleum manufacturers email lists devices and the design reacts by scaling to the available space. Many mobile email applications do this automatically.
Fluid
The width of the email reacts to the device from which it is opened, adjusting to the available space in a fluid manner. The key is to define the widths in percentages instead of in fixed measurements. It works with simple structures, generally one column and in which the text takes precedence over the image, but it is not a good option in the case of more complex designs.
It does not require too much work in the code but has the disadvantage of limiting the design to simple structures.
Responsive
Using media queries in the CSS style sheet we give rules to the device so that it is displayed differently depending on its screen width. It requires a somewhat more complex code and an understanding of how media queries work, but it gives us the possibility of adjusting the design and structure (not just the width as in the case of fluid layout) according to the width of the device on which it is displayed. The latter seems, according to the first experiences and case studies, to be the most effective technique and the one that is obtaining the best results. But it is also the one that requires the greatest learning effort. By using a young technology such as CSS3, it still does not have universal standards or general methods that work. We could say that, although it is beginning to give very good results, we are in an experimental phase from which we will be able to draw conclusions in a while. The decision on which technique to use is given by the resources and time we have available, but if we have enough time and resources we would choose Responsive Design without hesitation. We will go into more depth on this technique later.
