Tableten a megjelenés képernyőmérethez való igazítása

Abban kérnék segítséget, hogy szeretném a sablon alapértelmezett a tablet-es kinézetét úgy megváltoztatni, hogy a számítógépes normál nézet jelenjen meg képernyőmérethez igazítva.



Jelenleg a @media only screen and (max-width: 768px) részben lévő tartalmat “töröltem” és így tableten a számítógépen látható kinézet látszik, csak a bal felső sarokba “zoom”-olva.



Azt szeretném, hogy képernyőmérethez igazítva jelenjen meg, mintegy kisebb méretben a normál weblap kinézet, amelyet a felhasználó úgy nagyít ahogy akar.



Köszönöm előre is a segítséget!

Hát ez egy nehéz feladat. Sorban kezd el átírni azokat az elemeket, amelyeket kicsinyíteni szeretnél. div-ek szélességét, img-k méreteit, betüméretet stb.

Sokszor látom a honlapokat telefonon is normál kinézettel teljesen apróra zoomolva - sokszor egyszerű-gagyibb weblapokat. Nincs egyetlen parancssor amit valahova beíunk és képernyőmérethez igazítja a dolgokat? vagy plugin ha más nem…

Már azért sem lenne jó egyenként átírni fixre, mert többféle méretű tablet van…

Igen, még mindig sok “apróbetűs” honlap van mobilon, és a nem mobilbarát (apróbetűsre méretezett) weboldalakat szépen hátrébb is sorolja a Google a találati listán…



Egyébként pedig százalékban meghatározni a szélességet (width: 100%, maxwidth: 100%, stb.) css-ben. Az meg, hogy mennyire cseszi szét a megjelenést a sablontól függ.