What are mia queries. A mia query consists of an optional mia type (all, handheld, print, tv, and so on) and any number of optional expressions that limit when the query will trigger, such as width, pixel-density or orientation. Mia queries are part of css3 and enable developers to customize their content for different presentation miums. At the basic level, mia queries enable an email developer to create a responsive email by detecting the width of the display. For this purpose, the most commonly us query is max-width. Any width that is less than the max-width specifi, all of the css within the query will take effect. How min- and max-width queries work how mia queries function can be a bit confusing. Lets take a look at the queries which are commonly us in email.
Permission in This Article
Max-width here is an example of a max-width query. @mia only screen and (max-width: 600px) what this query really means, is if [device width] is less than or equal to 600px, then do so if the email is open on an iphone 5s with a screen width of 320px, the mia query will trigger and all of the styles contain in { … } will take business lead effect. Min-width here is an example of a min-width query. @mia only screen and (min-width: 600px) what this query really means, is if [device width] is greater than or equal to 600px, then do so if the email is open on an iphone 5s with a screen width of 320px, the mia query will not trigger and the styles contain in { … } will not take effect.
About Insights from
Combining mia query expressions max-width and min-width can be us together to target a specific range of screen sizes. @mia only screen and (max-width: 600px) and (min-width: 400px) the query above will trigger only for screens that are 600-400px wide. This can be us to target specific BTC Database EU devices with known widths. Css tricks has a list of standard device widths and the mia queries to use. Breakpoints most mia queries are set to trigger at certain screen widths or breakpoints. Exactly what these should be set to is a matter of some debate amongst email developers. Iphones and ipads provide us with a few easy breakpoints to start from.
