Kezdőoldal » Számítástechnika » Weblapkészítés » Media query: mi nem jó ebben...

Media query: mi nem jó ebben a kódban?

Figyelt kérdés

Sziasztok!


Az a feladat, hogy 900px alatt legyen a fejléc borderje zöld.

A fejlec id-ja: #fejlec


Köszi a segítségeket!



@media screen and (max-width: 899px) and (min-width: 320px) {


#fejlec {

border: 1px solid green;

}

}


2017. dec. 17. 10:55
 1/8 anonim ***** válasza:

A min-width-et miért adod meg (ha nem muszáj)?

A hibát nyilván nem ez okozza, hanem például az, hogy később definiálod a css-ben a #fejlec border-jét, ami felülírja az előtte megadott deklarációt.


Én !important -ot szoktam használni a media query-kben, nem biztos, hogy a legjobb megoldás, de működik.

2017. dec. 17. 11:08
Hasznos számodra ez a válasz?
 2/8 A kérdező kommentje:

Köszönöm, hogy írtál!


A min-width is meg volt adva a feladatban, csak rövidre fogtam a kérdést.


A style-ban először az ID-k és a classok vannak megadva, és a végén a media query.

Próbáltam az !important-ot, de megmakacsolta magát a dolog.

2017. dec. 17. 11:16
 3/8 anonim ***** válasza:

@media (max-width: 899px) {

#fejlec {

border: 1px solid green;

}

}

2017. dec. 17. 11:50
Hasznos számodra ez a válasz?
 4/8 A kérdező kommentje:

Köszi, de nem vált zöldre így sem.

Itt akkor már valsz nem is a kóddal van gond.

De akkor mivel...

2017. dec. 17. 12:15
 5/8 A kérdező kommentje:

kipróbáltam ezt:


@media screen and (max-width: 899px) and (min-width: 720px) {

#fejlec {color: blue}

}


@media screen and (max-width: 719px) and (min-width: 320px) {

#fejlec {color: green}

}


így 719 alatt zöldre vált, de 900-720 között nem lesz kék, pedig tök ugyanaz a kód.

2017. dec. 17. 12:35
 6/8 anonim ***** válasza:

Nem értem mi a gondod...

[link]

2017. dec. 17. 19:47
Hasznos számodra ez a válasz?
 7/8 anonim ***** válasza:

így látod a méreteket is...

[link]

2017. dec. 17. 19:52
Hasznos számodra ez a válasz?
 8/8 Drone007 ***** válasza:
A css-ben (ahogy már írták korábban) lehetnek olyan részek, amik felülírják a kódodat. Lehet, hogy egy másik fájlban, vagy inline, vagy js-ből... Ezt mi nem tudjuk, mert nem látjuk az oldalad, nem tudjuk vizsgálni. Azt javaslom használd a böngésző kódmegtekintőjét (F12, Ctrl+Shift+I), és nézd át, hogy az adott fejléc elem css stílusa hogyan változik, és milyen kódok hatnak rá adott képernyőszélesség mellett. Az megmutatja, hogy hol hat rá a nemkívánatos kósza kód.
2017. dec. 18. 06:45
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!