HTML megjelenítés telefonos méreten gond

Ez a téma lezárásra került a moderátor által. A lezárás oka: Társalgóban folytassátok! :/
HTML megjelenítés telefonos méreten gond
2020-10-22T10:05:31+02:00
2020-11-07T10:53:03+01:00
2022-08-11T22:41:52+02:00
thomasz007
Elkezdtem kísérletezni a div és egyéb beállításokkal, hogy mikor a böngésző ablak méretét változtatjuk, akkor ahhoz a tartalom is pozicióban változzon.
Asztali gépen a böngészőben jó lett.
Megnéztem telefonon, miként néz ki és ott kicsit mást kaptam amit vártam.
Csatolom a képet, hogy miként látszik a tartalom telefonon.

1. Szöveg az méretileg jó, igaz jobb oldalt valamiért nagyobb margót ad meg.
Az oldalam 1200px széles és a szöveg tartalom az bal/jobb oldalt 80px margó található.

2. A dropdownlista és a button az meg nem változik marad kicsi, pedig nem adtam meg azoknak fix méretet. Mindig a benne lévő szöveg adja meg a szélességet és magasságot.
Itt asp elemeket használok, nem html-t.


Tudna valaki tippeket adni, hogy mi a gond?
Mutasd a teljes hozzászólást!
Csatolt állomány
De ez egy tucat dolog. BS-el elő se jött volna ez a kérdés. Meg tudod adni a különböző felbontásokhoz hogy mekkora gombot akarsz.
codepen vagy jsfiddle jól jönne hogy tudjunk segíteni, mert így kismillió probléma lehet.
Az is lehet hogy csak a viewport hiányzik
Responsive Web Design Viewport
Mutasd a teljes hozzászólást!

  • Itt csatlom az asztali megjelenést mikor kis ablak méretben van.
    Itt minden jó.
    Mutasd a teljes hozzászólást!
    Csatolt állomány
  • Egy korábbi témádban már javasoltam a bootstrap-et!
    Tényleg érdemes lenne ránézned, ha nem akarsz komolyabban elmélyedni a témában, mert ilyen layout-okat kb. 5 perc alatt meg lehet csinálni vele.
    Egy gyors minta (semmi egyedi stílust nem akasztottam semmire):

    <!DOCTYPE html> <html> <head> <title>Bootstrap</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h1>Title</h1> <div class="row"> <p class="col-12"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <p class="col-12"> Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p> </div> <div class="row"> <div class="col-12 col-md-8"> <select class="form-control"> <option>-- SELECT --</option> <option>option 1</option> <option>option 2</option> <option>option 3</option> </select> </div> <div class="col-12 col-md-4 pt-3 pt-md-0"> <button class="btn btn-success form-control">Button</button> </div> </div> </div> </body> </html>
    Mutasd a teljes hozzászólást!
  • Igazán nem akarok használni semmi külső librarykat, stb.
    Gondolom sok más aki hasonlóan csinálja az oldalakat azok sem mind használ ilyen külső dolgokat.
    Csak mert ha megszűnik a támogatás, stb. akkor az egész oldalnak lőttek. :(
    Mutasd a teljes hozzászólást!
  • A másik, hogy nekem asp elemeket kell használnom és nem html button, option elemeket.

    Nekem is 5 perc lenne, ha 1x csináltam volna ilyet, de sajna ez az első bele kóstolás ebbe és így tovább tart. Ezeket ha 1x megtudom hogy kell, utána már többinél is tudom használni.
    Mutasd a teljes hozzászólást!
  • A mintában behúzott css-eket / js-eket le tudod tölteni, és a saját szervereden "hosztolni".
    De ahogy érzed... természetesen megírhatsz mindent magadnak is.
    Mutasd a teljes hozzászólást!
  • A másik, hogy nekem asp elemeket kell használnom és nem html button, option elemeket.

    Nem értek a témához, de feltételezem, hogy az ASP is szabályos HTML markupot generál, és gondolom valamilyen módon meg lehet neki mondani a css class-okat, amiket ráakasszon az egyes elemekre.
    A browsernek meg amúgy is tökmindegy, hogy mi csinálta azt a HTML-t, amit éppen renderel...

    Nekem is 5 perc lenne, ha 1x csináltam volna ilyet, de sajna ez az első bele kóstolás ebbe és így tovább tart. Ezeket ha 1x megtudom hogy kell, utána már többinél is tudom használni.

    Az "első belekóstolás" nyilván nem 5 perc lesz... de kb. millió tutorial van online, és igen, meg kell tanulni a dolgot.

    De ismétlem: ha teljesen sajátot akarsz mindenből és ráadásul úgy érzed, hogy gyorsabban menne a folyamat, akkor csináld azt...
    Mutasd a teljes hozzászólást!
  • <asp:Button ID="Button_Webiroda_Statisztikak_Es_Listak_Urlap" runat="server" CssClass="Oldal_Webiroda_Statisztikak_Es_Listak_Gomb_01" Text="Listázás" OnClick="Button_Webiroda_Statisztikak_Es_Listak_Urlap_Click"> </asp:Button>
    Igen így össze áll és meg lehet adni a css-t is. Asztali gépen jól is jelenik meg méretben is.
    Még ha állítom az ablak méretét, akkor is minden jól megy.

    Csak telefonon ennek az elemnek a méretét nem igazítja a képernyőhöz.
    De felette lévő szöveg méretét igen.
    Amúgy a szöveg felette és a gomb szövege 19px, tehát ha szöveget igazította a telefonnál, akkor nem értem, hogy a gomb szövegét miért nem. :( :( 

    Lépésenként haladok, nem menne ez ha mindent egyszerre kellene átvenni.
    Most ez a gond és erre kell megoldás, utána már ez a gond többet nem jön elő, mert már tudom, hogy kell megoldani. Tehát így lépésenként.

    Lehetőleg miné kevesebb külső könyvtárt akarok használni, de néha elkerülhetetlen sajnos.
    Így van slideshow javascriptben péládul. Persze itt is ha kikapcsolják a javascriptet, akkor már sok minden nem működik az oldalon. És nem akarom ezt még növelni további könyvtárakkal.
    Biztos jó lehet a Bootstrap, de biztos lennie kell a sima résznél is megoldásnak, nem csak külső könyvtárak bevezetésével.
    Mutasd a teljes hozzászólást!
  • Persze itt is ha kikapcsolják a javascriptet, akkor már sok minden nem működik az oldalon.

    2020-ban én biztosan nem foglalkoznék ilyenekkel, hogy pl. ki van-e kapcsolva a javascript.

    Biztos jó lehet a Bootstrap, de biztos lennie kell a sima résznél is megoldásnak, nem csak külső könyvtárak bevezetésével.

    Egész biztos, hogy van "sima" megoldás.
    A BS-t azért javasoltam (azon kívül, hogy ezt ismerem valamennyire ), mert egyszerűbb layout-ok esetén nagyjából minden reszponzivitással kapcsolatos problémát levenne a válladról viszonylag kevés belefektetett tanulási idővel (és nem csak a mostani problémás screen-en, hanem az összesen).

    Én alapvetően backend-es vagyok, nem tudok többet segíteni, meg kell várnod, amíg egy css/js guru megnézi a topic-jaidat.
    Mutasd a teljes hozzászólást!
  • Szia!

    Ez most vagy táblázatba van, amit könnyű átformálni.
    Vagy szerkezeti gondok vannak, és ez iFrame -be van.
    Ez már kicsit macerásabb dolog átrendezni.

    Nem ismerem a korábbi bejegyzéseid,
    de ha megosztanád az oldalad elérhetőségét,
    akkor talán többet tudnánk segíteni.
    Mutasd a teljes hozzászólást!
  • Szia! A BootStrap -et helyesen használni majdnem olyan nehéz mint natív CSS -el ugyan azokat.
    Annyi hogy abba pár formázás előre meg van, ami vagy tetszik neki vagy nem...
    Ha pedig nem tucat dolgot akar leírni (ez most nem annak néz ki) akkor BS -el többet lehet szívni.
    Mutasd a teljes hozzászólást!
  • Most gyors kimásolom a törzseket, de a tartalmakat kihagyom ami nem ide tartozik.

    <div style="background-color: #ffffff;"> <asp:Panel ID="Panel_OLDAL_Torzs" runat="server"> <asp:Panel ID="Panel_Statisztikak_Felulet" runat="server"> <div id="DIV_Statisztikak_Felul" style="text-align: center; max-width: 1200px;"> <p class="Oldal_Statisztikak_01"> <asp:Label ID="Label_Statisztikak_Szoveg_01" runat="server" Text="teszt"> </asp:Label> </p> <asp:Button ID="Button6" runat="server" CssClass="Oldal_Statisztikak_Gomb_01" Text="Listázás"> </asp:Button> </div> </asp:Panel> </asp:Panel> </div> p.Oldal_Statisztikak_01 { font-family: Calibri, Avenir, Arial; font-size: 19px; font-weight: normal; text-align: justify; line-height: 24px; color: #303030; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 80px; padding-right: 80px; } .Oldal_Statisztikak_Gomb_01 { font-family: Calibri, Avenir, Arial; font-size: 19px; font-weight: normal; text-align: center; background-color: #6cb655; border-style: solid; border-color: #b9b9b9; border-width: 1px; color: #ffffff; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; padding-right: 20px; cursor: pointer; }

    Most próbálom a táblázatos részeket átalakítani div-re.
    Tehát az a rész már nincs táblázatban.

    Asztali böngészőnél kis ablak méretben minden jól néz ki.
    Mobil böngésző méretében a szöveg nem maradt kicsi (margók is kicsit furák), hanem olvasható, ahogy a képen is.
    Ott lett méret növelés, mert ha ez 19px méret, akkor a gombnak is akkorának kellene lennie, mert annak is 19px a szöveg mérete. De a gomb az maradt kicsi.

    <input id="Button1" type="button" value="button" class="Oldal_Statisztikak_Gomb_01" style="font-size: 40px;" />
    Ha ezt rakom be akkor csak a 40px kényszer növelés végett lett nagyobb a gomb a mobilon.
    Így szerintem nincs különbség a html gomb és a asp gomb között.
    De ha azt akarom, hogy mobilon is jó méretben legyenek a szövegek, gombok, stb. akkor azok méreteit 2x,3x kell növelnem? Tehát így 60px-re stb? Csak ez nekem kicsit furának hangzik.

    De szerintem ha visszaraknám táblázatba, akkor is a gomb kicsi maradna a mobilon.
    Mert eredetileg is kicsi volt, mert fixen 1200px építettem az oldalt, ahol nem változik a tartalom, bármelyik ablak méretben sem.

    Szerkezeti gondoknál nem tudom mi lehet, mert nem sok szerkezet van.
    iFrame-t nem használok.
    Mutasd a teljes hozzászólást!
  • Annyit megértettem, hogy ha különböző ablak méretre akarom az oldalt tervezni, mobil, tablet, asztali gép, akkor a CSS @media részt lehet használni, ahol előre megadott méretek alapján a megfelelő stylet fogja használni.
    Ez eddig ok.

    De most ha asztali gépen 19px a betűméret, akkor tablet és mobilon ahol kisebb a képernyő, ott növelni kell ezt a szöveg méretett, hogy ne maradjon pici a betű?
    Tehát mobilon a betű méretnek már 50px-nek kell lenni? Picit fura lenne ez nekem.

    De ha nem kell állítani a betű méretet, akkor meg a kérdés, hogy a 19px button miért olyan pici mintha csak 3px lenne a betű benne.
    Én max talán arra tippelek, hogy valami beállítást vagy tulajdonságot kihagyhattam.
    Mutasd a teljes hozzászólást!
  • OFF: Nem értek egyet. Egy viszonylag egyszerű layoutra (mint ez is) a BS 12 oszlopos grid-rendszere szerintem halál egyszerű (az alapkoncepció megértése után természetesen).
    Nyilván van benne rengeteg finomság, és egyéb advanced-témakör, de ez esetben szerintem szó sincs ilyesmiről.
    Az pedig, hogy vannak benne alap-formázások, pont nem oszt nem szoroz, mert azokat amúgy mindenki kapásból felülírja saját css "ráhúzásával" (aki akarja).
    Mutasd a teljes hozzászólást!
  • Most kicsit teszteltem és ennyit sikerült összegyűjteni.
    Csatoltan küldöm a képernyő képet.
    Raktam fentre egy input gombot a css style értékkel, ahol a gomb betűmérete 19px.
    A kövér fejléc az 29px.
    A kisebb szöveg az 19px.
    A gomb betűmérete 19px.
    Már itt látszik, hogy a képen a 29px és 19px szöveg méretek aránya jól látható.
    De mikor a gomb szövegével hasonlítom össze, akkor extrémen kicsi maradt, pedig az is 19px.
    És ha a 19px szöveg és a 19x gomb betűméretét nézzük akkor ég és föld az eltérés.
    Pedig azonos méretű.
    Ezért érdekes nekem, hogy telefonon a button méretét miért nem állította be úgy ahogy a szövegét. :( :( 

    A gomb css beállítása, de itt sem látok semmi furát benne. :(

    .Oldal_Statisztikak_Gomb_01 { font-family: Calibri, Avenir, Arial; font-size: 19px; font-weight: normal; text-align: center; background-color: #6cb655; border-style: solid; border-color: #b9b9b9; border-width: 1px; color: #ffffff; margin-top: 10px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; padding-right: 20px; cursor: pointer; }


    És kisérletezés végett div-ből csináltam táblázatot pár értékkel és azok is iszonyat kicsik lettek, miközben a benne lévő szöveg mérete 19px. Ok 1000px állítottam a táblázatot, de a mobilon olyan pici lett, hogy az képtelenség hogy 1000px legyen, hiszen az oldal teljes mérete 1200px és az egész táblázatot akkorára nyomta össze mint maga a kis gomb mérete. :(
    Így pl a táblázatnál a max-width széleségnél 30.000px szélességet kellene megadnom, hogy telefonon normális méretben jelenítse meg. :(

    Ezért nem értem, hogy a mobil megjelenítésnél akkor most mi alapján méretezi a megjelenítendő tartalmakat?
    Mutasd a teljes hozzászólást!
    Csatolt állomány
  • Igazán nem akarok használni semmi külső librarykat, stb.
    Gondolom sok más aki hasonlóan csinálja az oldalakat azok sem mind használ ilyen külső dolgokat.
    Csak mert ha megszűnik a támogatás, stb. akkor az egész oldalnak lőttek. :( 

    Egy library támogatásának a megszűnése valóban lehet olyan ok, amely elveszi az ember kedvét a felhasználására, főleg akkor, ha erre hosszú távon tervez, de a Bootsrtap esetében a megszűnésre igen kevés az esély. Közösségi alapokon fejlesztik, ma már egy igen széles körben alkalmazott front-end keretrendszer, sok külső támogatóval, emellett pedig nagyvállalatok is használják. Egy ilyen keretrendszer nem fog eltűnni egyik napról a másikra, ezért a Bootstrap-ra alapozva nyugodtan el lehet kezdeni egy-egy (új) fejlesztést.
    Most persze még kihagyhatod, nyugodtan tanuld meg a responsive fejlesztést nélküle, de később, egy új projekt indítása során mérlegelni kell a bevezetését. És ez minden olyan külső library-re, framework-re, stb.-re igaz, amelyre támaszkodni szeretnél a munkád során. Meg kell nézni a támogatottságát, a dokumentációit, az elterjedését, a felhasználhatóságát, és ezek függvényében kell meghozni a döntést a használatra.
    A Bootstrap ismerete ma, egy front-end fejlesztő számára gyakorlatilag kötelező. De mint írtam, most, a tanulási fázisban nem kell használni, de később ezzel is meg kell(ene) ismerkedned, ha egyszer egy komolyabb responsive weboldalt akarsz összerakni.
    Mutasd a teljes hozzászólást!
  • A BootStrap -et helyesen használni majdnem olyan nehéz mint natív CSS -el ugyan azokat.
    Annyi hogy abba pár formázás előre meg van, ami vagy tetszik neki vagy nem...
    Ha pedig nem tucat dolgot akar leírni (ez most nem annak néz ki) akkor BS -el többet lehet szívni.

    Ez így eléggé sarkított, nem értek vele egyet.
    Először is nem nehéz használni. Valóban sablonos, hisz előre megírt - és letesztelt - template-ekre épül, de ettől még lehet benne egyéni oldalakat létrehozni. A formázásokat át lehet írni, bár igaz, ez nem ajánlatos, mivel az előre megírt template-ek azok, amelyek biztosítják az oldalak szerkezetét. Az egyéni részeknél pedig egyszerűen kihagyható a BS által nyújtott szolgáltatások, nem kötelező a teljes oldalon a BS-t használni, lehet azt parciálisan is alkalmazni.
    Mutasd a teljes hozzászólást!
  • Nagyítani kell, de ha rezponzív oldalt akarsz akkor % -ban kell mindent meghatározni.

    HTML Responsive Web Design

    Ezt a tutorialt ajánlom, szerintem minden gondodra megtalálod a választ.
    Mutasd a teljes hozzászólást!
  • Flexbox

    Media queries

    Ez a kettő szokott általában kelleni reszponziv designhoz
    Mutasd a teljes hozzászólást!
  • Bootstrap-ot en is utalom. 

    Ez megadja az alapot: Skeleton: Responsive CSS Boilerplate
    Mutasd a teljes hozzászólást!
  • Jaaaa, értem.
    Tehát, ha img, button, dropdownlist egyéb ilyen elemeket használok akkor azoknak mindig meg kell adni, a max-width: 100%. Tehát az nem elegendő, hogy a benne lévő font-size: 19px és a button-nak nem adok meg szélességet.

    Igazán akkor ne is adjak meg szinte sehol fix szélességet?
    Kivéve, pl tábla vagy divnél ahol tudom hogy ennek fixen 200px-nek kell lenni minden megjelenítéskor.
    Mutasd a teljes hozzászólást!
  • A button (input) esetén, ahol pl nem adok meg gomb szélességet.
    Hanem megadom a benne lévő szöveg font-size méretét és az alapján igazítja hozzá a gombot.
    Ilyen esetben akkor, annyi elegendő, hogy a @media-val, csak pl két style-us vonalat hozok létre, mint pl.
    screen 600 alatt
    screen 600 felett
    és mindegyikhez megadom hogy mekkora legyen a szöveg mérete.
    600 alatt, a font-size 19px
    600 felett pedig a font-size 38px

    és így kapok kisebb ablaknál nagyobb gombot, ahogy tesztnél is láttam.

    Ez igy érthető, ki is próbáltam de itt van egy kis gondom ezzel.
    1. Asztali gépen nézem a böngészőt és ott méretezem az ablakot, akkor ott nem kell eltérő font-size méretet megadni, mert ablak mérettől függetlenül egyformán jelenik meg minden.
    2. De telefonon nézve már kellene a betű növelés mert ha nem akkor kicsi marad a gomb.
    De hogy bontom vagy adom meg, hogy most telefonról vagy asztali gépről van szó?
    Mert ha asztali gépen nézi az oldalt akkor mindig 19px lenne használva.
    Ha telefonon nézi, akkor lenne nagyobb méret.
    De itt eszköz alapján lenne a szétválasztás és nem px alapján.
    Azért mert telefonon is 1000px megjelenit a böngésző, tehát nem adhatom meg hogy 1000px alatt 38 méretet használjon, mert akkor az asztali gépen is változtatni fogja. :( :(
    Mutasd a teljes hozzászólást!
  • Röviden annyi a baj:

    - Asztali gépen az input gomb ami szövege 19px, az bármilyen méretben jó, tehát nem kell a méretet növelni.

    - Telefonon nézem ezt a gombot, akkor a gomb nagyon kicsiben jeleníti meg, itt kellene a szöveg növelése, úgy 38px, mikor jó méretben látható a gomb.

    #media-t használva hiába adok meg screen méretet, mert azt nem akarom hogy asztali gépen méretváltozás legyen, csakis a telefonon változzon a méret.
    De telefonon simán megjelenik az 1000px, tehát nem értem ezt a 300px figyelést, mert a telefonon nem olyan kicsi a kijelzöm. :(
    Mutasd a teljes hozzászólást!
  • Vagy használod a * selectort.
    Meg amúgy a html-nek szokták még megadni, hogy width, height, border-sizing.
    Mutasd a teljes hozzászólást!
  • De ez egy tucat dolog. BS-el elő se jött volna ez a kérdés. Meg tudod adni a különböző felbontásokhoz hogy mekkora gombot akarsz.
    codepen vagy jsfiddle jól jönne hogy tudjunk segíteni, mert így kismillió probléma lehet.
    Az is lehet hogy csak a viewport hiányzik
    Responsive Web Design Viewport
    Mutasd a teljes hozzászólást!
  • Meg lett, a meta sor hiányzott az egészből. :(
    Így már jól néz ki.
    Megnéztem a telefonomon és ott pl kijelzőnél 360px szélességet adott meg.

    Ekkor ez azt jelenti, hogy minden telefonon 360px a szélesség és css-nél csak meg kell adni
    hogy ha 360px kisebb a képernyő, akkor használjon más margó, padding, font-size, stb értékeket?

    @media only screen and (min-width: 360px)
    Ekkora méretnél pl egy font-size 19px már elég nagy, vagy egy 80px margó szintén.
    Ezért gondolom, hogy ekkor pl már font-size 8px és 20px margo, stb. amit használni kellene.

    Így képzeljem el?


    Mivel a böngészőt nem tudom kisebbre összehúzni 360px-nél, így azzal nem kavarodik össze, hogy ott hirtelen olyan kicsi lesz minden, hogy olvashatatlan.
    Ezért a CSS-ben ketté tudnám bontani a megjelenítést, 360 alatt és felett.
    Ha felett, akkor font-size 19 és böngészőn jó lesz.
    Ha alatta, akkor font-size 8px és akkor telefonon lesz jó.
    Így kell ezt elképzelni?


    Mondjuk tablet gépnél már problémás lennék, mert ott gondolom nagyobb a kijelző és az a méret a böngészőben is összehozható és akkor ott már nem jó ötlet kisebb méreteket használni, mert monitoron már extrém kicsi lenne minden. Ok, tablet-en lehet jó, de asztalin már nem.
    Ezeknél a méret fedi mindkettő eszközt. :(
    Max esetleg nem kell tablet-re tervezni az oldalt, csak telefon 360px kisebb vagy asztali gép ami nagyobb mint 360px.
    Mutasd a teljes hozzászólást!
  • Hát én továbbra is azt javaslom hogy használj bootstrapot, Nem értesz hozzá még, ezért használunk mankót. Én sem értek hozzá, ezért használok én is.

    De ha jól gondolom attól nem lesz reszponzív egy oldal, hogy Te pixeleket írsz be. Akkor lesz reszponzív, ha megadod hogy hány százaléka a képernyőnek ez vagy az. És csak ritkán van csak szükség ezekre az eltérő méretekre, csak akkor, ha ez a százalékosdi valami extrém kis/nagy méretet eredményezne. Vagy esetleg egy teljesen új menü lesz telefonon, mint full hd-ben. Vagy mondjuk van egy képsorozat, ami full hd-ben soronként 3 thumnailt jelent, de egy telefonon mondjuk csak 1-et. 

    Példa a menüre:
    Arsha Bootstrap Template Demo
    Mutasd a teljes hozzászólást!
  • A butasztrepet meg a sok buta ember berántja, használja is, de közben halvány lövése sincs semmiről. Hagyjad, hadd tanuljon!
    Mutasd a teljes hozzászólást!
  • A sok buta ember meg használja az operációs rendszert és halvány f..a sincs semmiről. Még se javasolnád senkinek hogy csináljon sajátot.
    Mutasd a teljes hozzászólást!
  • Szerencsére volt egy Linus nevű gyerek, aki megcsinálta ,-)
    (De ha a grideket és a reszponzív megjelenést megérted, akkor kb. 200 sorban olyan CSS-t írhatsz, ami 98%-ban tudja azt, amire az embernek általában szüksége van. De ha fontos, hogy ne értsél ahhoz, amivel dolgozol, akkor nyilván a butasztrep és társai az okos választás )
    Mutasd a teljes hozzászólást!
Ez a téma lezárásra került a moderátor által. A lezárás oka: Társalgóban folytassátok! :/
abcd