User`s guide

Publishing on Kindle: Guidelines for Publishers
Media Queries in CSS
CSS Applied to KF8
CSS Applied to
Mobi
CSS Applied to
Other Readers
font-size: 3em;
}
}
@media amzn-kf8
{
p {
color: red;
}
}
p {
color: red;
}
Using Media Queries for Backward Compatibility With Mobi 8.3
Media queries allow one CSS file to supply complex CSS for KF8 and basic CSS for the Mobi format.
Some guidelines:
• Complex CSS can be overridden for the Mobi format by redefining the same class inside the
@media amzn-mobi media query.
• Per the W3C standard, media queries should either be:
o Individual queries specified after the common CSS; or
Example:
class1 {font-size: 2em;}
@media amzn-mobi {.class1 {font-size: 3em;}}
o Include !important with each property to enforce precedence.
Example:
@media amzn-mobi {.class1 {font-size: 3em !important;}}
.class1 {font-size: 2em;}
CSS
CSS Styles Applied to Mobi
CSS Styles Applied to KF8
p
{
font-style: normal;
}
h
{
font-weight: bold;
}
p
{
font-style: normal;
}
h
{
font-weight: bold;
p
{
font-style: normal;
}
h
{
font-weight: bold;
Kindle Publishing Guidelines Amazon.com 68