- Milyen okostelefont vegyek?
- iPhone topik
- Vivo X200 Pro - a kétszázát!
- Az iPhone hajthatatlanságán gúnyolódik a Samsung
- Samsung Galaxy Ring - gyűrű-kúra
- Samsung Galaxy S21 FE 5G - utóirat
- Új fejezet nyílik szeptemberben az iPhone történetében
- Hitelesítették az S26 Ultra csalódást keltő telepét
- Huawei Mate 10 Pro - mestersége az intelligencia
- Telekom mobilszolgáltatások
Új hozzászólás Aktív témák
-
fordfairlane
veterán
válasz
PumpkinSeed #1642 üzenetére
Nem értem, mit akarsz közölni velem. Középre igazításhoz nincs szükség média querykre. A média querykre akkor van szükség, ha megjelenítőtől függő stíluselemeket szeretnél használni. Például keskeny képernyőn mindent egymás alá pakolsz, széles képernyőn viszont van hely balra-jobra. Ebben az esetben egy bizonyos vízszintes felbontás alatt más stílusdefiníciókat használsz, mint afölött. Ennyi.
A média queryk feltételvizsgálatai nem csak felbontásra, hanem további négy osztályozás is létezik, megjelenítő típusra (screen, print), színmélységre, orientációra (landscape, portrait), és oldalarányra vonatkozhat.
Stílusdefiníciókat megadhatsz úgy, hogy alapvetően asztali gépre, annak a megjelenítőjére tervezed az oldalt, és az ettől való eltérés kezeled külön média-querykkel. Például ha a vízszintes felbontás 640px-nél kisebb, akkor a default stílushoz képest ez meg az az elem eltér. A másik megközelítés, hogy mobileszközre tervezeda megjelenítést, és aztán ahogy skálázódik a megjelenítő fewlbontása felfelé, úgy adod meg az adaptálódó stíluselemeket. Ezt nevezik "mobile-first" stílustervnek. Ezzel a kifejezéssel a Bootstrap 3-nál is lehet találkozni, a készítői is ezzel a mobile-first szemlélettel építették fel pl. a CSS grid rendszert.
Új hozzászólás Aktív témák
- Vadonatúj Alienware m15 R5 Csúcskategóriás Gamer Laptop 1év garancia (Ryzen 9, RTX 3070, 240Hz QHD)
- 143 - Lenovo LOQ (15IRH8) - Intel Core i5-13500H, RTX 4060
- MSI Thin GF63 Gamer Laptop 1+év garancia (RTX 3050, 144Hz, 16GB RAM)!
- MSI GF75 Thin 17'' Gamer Laptop i7-tel, 144Hz kijelzővel, 16GB RAM-mal!
- Asus ROG Strix G16
Állásajánlatok
Cég: FOTC
Város: Budapest