- Elindult a One UI 8 a Galaxy A36-ra és A56-ra
- Két nap múlva itt a Xiaomi 17, van egy pár hivatalos fotó is róla
- Google Pixel 10 Pro XL – tíz kicsi Pixel
- iPhone topik
- Samsung Galaxy S24 Ultra - ha működik, ne változtass!
- Megérkeztek a Xiaomi 15T sorozatának telefonjai Magyarországra
- Samsung Galaxy S23 Ultra - non plus ultra
- Fotók, videók mobillal
- Hetekig bírják töltő nélkül a Huawei sportórái
- Milyen okostelefont vegyek?
Új hozzászólás Aktív témák
-
PumpkinSeed
addikt
válasz
honda 1993 #1689 üzenetére
Ez volt a kurzusteljesítő beadandóm, nem a legjobb de szemlélteti, hogy mi a reszponzív oldal lényege, ha elkezded összehúzni akkor jobb esetben működik is.
Amúgy szerintem (bár az általam mutatott oldal légből kapott értékekkel dolgozik) nézegesd meg a legtöbbet használt mobil képernyő felbontásokat és az alapján old ezt meg. Egy kis kutató munka, megnézed melyek a legtöbbet használt telefonok azoknak milyen kijelzőjük van majd esetleg egy logout bejegyzésben közzé is tehetnéd, hogy ha már ennyit segítenek a többiek akkor nekik is legyen egy kis segítség.
-
Sk8erPeter
nagyúr
válasz
honda 1993 #1689 üzenetére
Teljesen attól függ, milyen felbontásról nézed. Tabletnél egyáltalán nem sok, bizonyos mobiloknál sok lehet (az enyém vízszintes felbontása pl. 480px), nagy kijelzővel rendelkező téglafónoknál nem biztos, sok rétegre kell gondolni. Mellesleg mivel óriásira növekedett az okostelók felhasználóbázisa, ezért nem véletlenül terjedt el a "mobile first" fejlesztési koncepció, ami szerint először a kisebb kijelzővel rendelkező eszközökre kezdünk el tervezgetni, aztán haladunk szép lassan felfelé. Persze lehet valahol a kettő közt is, hogy mindkettőt folyamatosan nézegeted. Ahogy érzed.
Na de nézd meg a korábbi egyszerű példát, itt fogd meg a középső rácsot, ami elválasztja a HTML, JavaScript paneleket a CSS, Result panelektől, és kezdd el jobbra húzni, ezzel összenyomva a Result területét, láthatod, hogy a betűszín 500px alatt pirosra változik (pedig korábban fekete volt). Kb. így néz ki, amikor különböző méretektől függővé téve változtatgatod a stílusokat. Ez alá beírhatsz még akármennyi szélességű/más paraméterű stílusdefiníciót is. Vágesz?
Új hozzászólás Aktív témák
- Luck Dragon: Asszociációs játék. :)
- Windows 7
- pusszycat: JEYI - okos, színes, interaktív, ssd külső ház.
- One otthoni szolgáltatások (TV, internet, telefon)
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- E-roller topik
- Képregény topik
- Sütés, főzés és konyhai praktikák
- Elindult a One UI 8 a Galaxy A36-ra és A56-ra
- Két nap múlva itt a Xiaomi 17, van egy pár hivatalos fotó is róla
- További aktív témák...
- Újszerű Lenovo Thinkpad T16 gen2 (13.gen Core I7 32Gb DDR5 1 Tb SSD) MAGYAR laptop 2 év garancia!!
- Gamer PC - i5 12400f, RTX 3080 és 32gb RAM + GARANCIA
- Apple AirPods Max (2024) 2027.01.27. Apple jótállás iSTYLE jótállás
- Switch 2 2027.07.24-ig garanciás, dobozában, karcmentes állapotban eladó!
- ÚJ BONTATLAN Apple Macbook Air 15,3 M4 10C CPU/10C GPU/16GB/256GB - Égkék - HUN - mc7a4mg/a 3 év gar
- Xiaomi Redmi Note 13 256GB Kártyafüggetlen 1 év Garanciával
- Bomba ár! Lenovo ThinkPad X395 - AMD Ryzen PRO 5 I 8GB I 512GB SSD I 13,3" FHD I Cam I W11 I Gari!
- Általános igazgatóhelyettes tábla üvegből eladó
- LG 55CS6 - 55" OLED - 4K 120Hz 1ms - NVIDIA G-Sync - FreeSync Premium - HDMI 2.1 - PS5 és Xbox!
- Apple Pad 5.generácio / 32GB / Wi-fi / 12Hó garancia
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: CAMERA-PRO Hungary Kft.
Város: Budapest