Slide 16
Slide 16 text
plein de bonnes pratiques
html { box-‐sizing: border-‐box; }
* { box-‐sizing: inherit; }
CSS
html {
font-‐size: 62.5%;
font-‐size: calc(1em * .625);
-‐webkit-‐text-‐size-‐adjust: 100%;
-‐ms-‐text-‐size-‐adjust: 100%;
}
CSS
img,table,td,blockquote,code,pre,
textarea,input,video,svg {
max-‐width: 100%;
}
CSS
@media (max-‐width: @small-‐screen) {
div,textarea,table,td,th,code,pre,sam
p {
word-‐wrap: break-‐word;
hyphens: auto;
}
}
CSS
• box-sizing pour tout le monde !
• police accessible et fluide
• gestion des débordements
• etc.