|
|
Mobil divszakaszok karakterei.
Divszakaszok
méretének,
és a beírt adatok
megjelenésének
tesztelése.
Első
divszakasz.
Szélessége:
width: 890px;
<p> Betűk mérete: 12px </p>
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Második
divszakasz.
width: 600px;
padding: 3px;
<p> Betűk mérete: 12px </p>
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Negyedik
divszakasz.
width: 400px;
padding: 3px;
<p> Betűk mérete: 12px </p>
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Ötödik
divszakasz.
width: 300px;
padding: 3px;
<p>Betűk méretei.</p>
<p> Betűk mérete: 12px </p>
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Hatodik
divszakasz.
width: 250px;
padding: 3px;
<p> Betűk mérete: 12px </p>
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Hetedik
divszakasz.
width: 200px;
padding: 3px;
<p> Betűk mérete: 12px </p>
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Egymás mellett,
kettő divszakasz.
width: 430px;
padding: 2px;
<p> Betűk mérete: 12px </p>
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
<p> Betűk mérete: 12px </p>
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Egymás mellett,
három divszakasz.
width: 290px;
padding: 2px;
Betűk mérete: 12px
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Betűk mérete: 12px
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Betűk mérete: 12px
Betűk mérete: 13px
Betűk mérete: 14px
Betűk mérete: 15px
Betűk mérete: 16px
Betűk mérete: 17px
Betűk mérete: 18px
Betűk mérete: 19px
Betűk mérete: 20px
Betűk mérete: 21px
Betűk mérete: 22px
Betűk mérete: 23px
Betűk mérete: 24px
Betűk mérete: 25px
Betűk mérete: 26px
Betűk mérete: 27px
Betűk mérete: 28px
Betűk mérete: 29px
Betűk mérete: 30px
Mobil divszakaszoknál:
Betűk méretét, a divszakasz szélessége (width) is befolyásolja.
Divszakasz szélessége minél kisebb, annál kisebb betűk lesznek, és mobilon nagyítás nélkül a tartalma, olvashatatlan lesz.