Mobil div szakaszok.
Div szakaszok tesztelése mobilra.
Div szakaszok méretének, és a beírt adatok megjelenésének tesztelése.
Egy div szakasz,
width: 800px;
<p>Betűk méretei.</p>
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
Egy div szakasz,
width: 600px; padding: 3px;
<p>Betűk méretei.</p>
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
Egy div szakasz,
width: 400px; padding: 3px;
<p>Betűk méretei.</p>
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
Egy div szakasz,
width: 300px; padding: 3px;
<p>Betűk méretei.</p>
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
Egy div szakasz,
width: 250px; padding: 3px;
<p>Betűk méretei.</p>
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
Egy div szakasz,
width: 200px; padding: 3px;
<p>Betűk méretei.</p>
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
Kettő div szakasz,
width: 390px; padding: 3px;
<p>Betűk méretei.</p>
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
Három div szakasz,
width: 250px; padding: 3px;
<p>Betűk méretei.</p>
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.