C20: Oszlopok szélességének meghatározása relatív mértékegységekkel olyan módon, hogy a böngésző újraméretezésekor a sorok átlagosan legfeljebb 80 karakter hosszúságúak legyenek
Alkalmazás
CSS
Ez a technika az alábbiakra vonatkozik:
Leírás
A technika célja az, hogy a felhasználó a CSS segítségével legfeljebb 80 karakteres sorokból álló tartalmat tekinthessen meg. Ez a technika megkönnyíti a tartalom olvasását és értelmézét azoknak a bizonyos olvasási, vagy látási fogyatékossággal rendelkező felhasználók részére, akiknek gondot jelent a hosszú sorokból álló tartalom értelmezése. A karakterek nagyságának növelésekor ez a technika teszi lehetővé az oszlopok újraméretezését, ami csökkenti a kivágás lehetőségét.
Fontos, hogy az alapértelmezett megjelenítési módban a 80 karakternél rövidebb sorok beállítása nem igényli a CSS használatát. Ebből a szempontból inkább a CSS-ben használatos relatív mértékegységek használata a javasolt, mivel ez lehetővé teszi a szerkesztőknek azt, hogy elkerüljék a legfeljebb 80 karakter hosszúságú sorokból álló tartalmak megtekintését lehetetlenné tevő oszlopszélesség értékek beállítását.
Példák
1. példa
Az alábbi példában a stíluslapon a div
szélesség ems mértékegységgel került
meghatározásra.
Megjegyzés: A
max-width CSS tulajdonságot nem
támogatja az Internet Explorer 6 és az ennél régebbi
verziók.
Példa kód:
#main_content {max-width: 70em}
A szövegblokkot a div tagen belülre
ajánlatos helyezni.
Példa kód:
<div id="main_content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing ...</p>
</div>
2. példa
Az alábbi példában a stíluslap div
szélessége százalékban került meghatározásra.
Példa kód:
#main_content {width: 90%}
A szövegblokkot a div tagen belülre
ajánlatos helyezni.
Példa kód:
<div id="main_content">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing ...</p>
</div>
Források
A források csak információs célokat szolgálnak, és csak angolul elérhetőek.
Ellenőrzések
Folyamat
-
Ellenőrizze, hogy az oszlopok relatív mértékegységekben kerültek-e meghatározásra.
-
Ellenőrizze, hogy a böngésző ablak újraméretezésekor a sorok hossza legfeljebb 80 karakter.
Elvárható eredmények
-
Az 1. és 2. pontok igazak.