Mobil 905 teszt oldal

Ezen oldalt mobilon tesztelve meggyőződhetünk, 900px tartlmi szélességnél, egy sorban sortörés nélkül, megjeleníthető stringek számáról.
Mobilon karakterek méreteit, pre és table elemek kivételével, a böngésző határozza meg.
width+padding+border=905px;

Mobil 900 teszt szövegsorok.

<h1> elem teszt

Mobil weboldal karakter tesztek

<h2> elem teszt

Weboldal 900-px széles tesztelés.

<h3> elem teszt

Weboldal 900-px széles tesztelésein.

<p> elem teszt

<p>
Karakter méretei, böngészőtől függnek.
</p>

<p><strong>
Karakterek mérete, böngészőtől függ.
</strong></p>

<pre> elem teszt

width:900px esetén, egy sorba írható stringek száma 112, mobilon és asztalin megegyezik, de mobilon nagyítás nélkül olvashatatlan.

Mobilon olvashatósági szempontból
a pre elem karaktereinek méretét,
állítsuk be minimum ilyen méretre x x:
font-size:29pt;
Asztalinál is maradhat a 29pt
érték, így ott is egy sorba 37
strig, írható be.

<li> elem teszt

Mobilon 36 string
Asztalin 114 string

A li elem, karaktereinek megjelenése.

A li elem, karaktereinek megjelenése.

<blockquote> elem teszt

Mobilon 38 string
Asztalin 109 string

A blockquote elem, karaktereinek xx megjelenése.

<acronym> elem teszt

Mobilon 39 string
Asztalin 121 string

Az acronym elem, karaktereinek x x x x megjelenése.
Az acronym elem, karaktereinek x x x x megjelenése.

<address> elem teszt

Mobilon 40 string
Asztalin 108 string

Az address elem, karaktereinek x x x x x megjelenése.

<table> teszt

Mobilon table elem karakterei olvashatatlanok, ha nem határozunk meg, font-size méretet.

table{width: 98.5%; border:1px solid black;}
caption{font-size:31pt;}
th{font-size:31pt; border:1px solid black;}
td{font-size:30pt; border:1px solid black;}

Egy oszlopos <table> teszt

Egy oszlopos táblázat x x x x x x x x x x x x x x x
Oszlop elnevezése x x x x x x x x x x x x x x x x
Adattároló cella x x x x x x x x x x x x x x x x x x x

Kettő oszlopos <table> teszt

Kettő oszlopos táblázat x x x x x x x x x x x x x x
1 Oszlop x x x x x x x x elnevezése	2 Oszlop x x x x x x x x elnevezése
Adattároló x x x x x x x x cella.	Adattároló x x x x x x x x cella.

Táblázatnál, a fenti stílusok megha-
tározásával, sortörés nélkül, egy sorba írható stringek száma.

Egy oszlopnál:
Mobilon.
caption elemnél: 45
th elemnél: 43
td elemnél: 48

Asztalin.
caption elemnél: 45
th elemnél: 41
td elemnél: 48

Kettő oszlopnál:
Mobilon.
caption elemnél: 47
th elemnél: 27
td elemnél: 24

Asztalin.
caption elemnél: 45
th elemnél: 25
td elemnél: 22

Megjegyzés:
Ha mobilon engedélyezzük,
"Egyszerűsített nézet megjelenítését"
akkor az általunk létrehozott táblázat és annak tartalma, némelyik mobilnál, nem jelenik meg.

Összegzés.

Amikor asztali számítógépen készítjük mobil weboldalunkat, egyedi CSS fájlban határozzuk meg a karakterek méreteit, hogy mobilon is olvasható legyen, és formailag is megegyezzen.

Tesztelve LG K8 M200 és
SAMSUNG mobil telefonon.

Megjegyzés 800px / 900px-re:
LG telefonon 900px szélességnél, a karakterek is nagyobbak lesznek, ezért nem tudunk több karakter egy sorba írni, mint a 800px szélességnél.
SAMSUNG telefonon valamivel kisebb, de olvasható karakterek jelennek meg, ezért itt több karaktert írhatnánk egy sorba.

Egyedi CSS fájl elkészítési mintát, lásd a 800px széles weboldal alján,
vagy kattints ide!