Înainte de a face o lucrare de tipografie, m-am gândit că vom remedia chestia enervantă în care imaginile se sparg în afara zonei articolului și a grilei. Folosind câteva reguli CSS simple pentru a înlocui atributele și stilul imaginii în linie, putem strânge imaginile pentru a se potrivi în postarea noastră la dimensiunea corectă.
Strângerea de imagini de acest fel a fost destul de neobișnuită, deoarece browserele au făcut o treabă proastă de redimensionare, dar nu mai este cazul. Este de fapt o idee bună, deoarece afișajele au o rezoluție mai mare, deoarece imaginile vor fi mai clare.
Redimensionarea este tratată în esență de:
figure img ( max-width: 100%; height: auto !important; )Stilizăm puțin cifrele și capturile de figuri pentru a le face să arate, știi, ca o figură adecvată într-o postare pe blog.