Kezdőoldal » Számítástechnika » Weblapkészítés » Hogyan tudom a weboldalamat...

Hogyan tudom a weboldalamat reszponzívvá tenni?

Figyelt kérdés

Van 3 darab képem ami majd a weboldalam lesz.

Azt szeretném ha a felbontás 1008px vagy nagyobb akkor jelenítse meg a

Large.svg képet.

Ha a felbontás 641px vagy 1007px között van akkor jelenítse meg a Medium.svg-t.

Ha a felbontás 640px vagy kevesebb akkor jelenítse meg a Small.svg-t.


Hogyan lehet ezt megcsinálni?



2021. máj. 16. 14:40
 1/5 anonim ***** válasza:
100%

Ez menjen a headbe:


<meta name="viewport" content="width=device-width, initial-scale=1.0">


Aztán a CSS-ben írd meg az alapot 1008+ pixelre aztán lebontva beírod a változásokat ide:

@media screen and (max-width: 1007px) {


}


@media screen and (max-width: 640px) {


}

2021. máj. 16. 14:54
Hasznos számodra ez a válasz?
 2/5 anonim ***** válasza:
100%

CSS media queries lesz a barátod:

[link]

2021. máj. 16. 14:56
Hasznos számodra ez a válasz?
 3/5 A kérdező kommentje:
Köszönöm a válaszod. Azt még leírnád, hogy az svg fájlokat hogyan kéne belinkelnem CSS-ben? Ha azt szeretném, hogy betöltse őket onnét. Például az img mappába teszem a weboldal mappájában.
2021. máj. 16. 15:00
 4/5 anonim ***** válasza:
100%

CSS background-image tulajdonság segítségével:

[link]

azon belül az url függvény:

[link]

paraméterében kell megadnod.


Vagy az <img> elem:

[link]

src attribútumában adod meg.


Vagy a HTML-kódba illesztve:

[link]

2021. máj. 16. 15:09
Hasznos számodra ez a válasz?
 5/5 A kérdező kommentje:
Köszönöm!
2021. máj. 16. 15:28

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!