Obrázek na pozadí se nepřizůsobí pro mobily

1. 10. 2015 12:17:48

Dobrý den,

mám vytvořený web ve Wordpressu. Chtěl bych do CSS zanést příkaz/kod aby stránka pokud bude načtena na mobilu či tabletu načítala jiný obrázek (zmenšený). Šablona v které je web vytvořen se na mobil přizpůsobuje v pořádku, ale obrázek je stále zvětšený (1ku1) a zbytečně datově velký. Existuje nějaký příkaz, který by přizpůsobení obrázek dle velikosti displejte? Nejsem programátor a moc tomu nerozumím, znám jen tvorbu ve Wordpressu a nutné základy html.

Díky moc za pomoc.

Milan

1. 10. 2015 12:17:48

https://webtrh.cz/diskuse/obrazek-na-pozadi-se-neprizusobi-pro-mobily/#reply1143813

Steeta

(3 hodnocení)

1. 10. 2015 13:41:10

@media all and (max-width: 700px){

#element {

background-image: url(nějaký menší obrázek)

}

toto ti zajistí načtení jiného obrázku při menším rozlišení displaye

nevím jaký tam máš pozadí, jestli statické či něco jiného.. pak dle uvážení ještě případně

background-size, background-attachment, background-position, atd atd

1. 10. 2015 13:41:10

https://webtrh.cz/diskuse/obrazek-na-pozadi-se-neprizusobi-pro-mobily/#reply1143812

Milo

(2 hodnocení)

1. 10. 2015 17:04:05

Díky, no jsem to doplnil do CSS a nalinkoval původní obrázek, ale je to stále stejné. Mám tam statický obrázek.

Tak nevím, možná jsem to napsal špatně

1. 10. 2015 17:04:05

https://webtrh.cz/diskuse/obrazek-na-pozadi-se-neprizusobi-pro-mobily/#reply1143811

Steeta

(3 hodnocení)

1. 10. 2015 18:46:04

Samozřejmě si to musíš upravit dle toho kam to dáváš. Má to svá pravidla jako všechno. Toto je jen nástřel. "#element" upravit dle toho v jakém elementu máš background původní, musí to být pod původním elementem atd.

1. 10. 2015 18:46:04

https://webtrh.cz/diskuse/obrazek-na-pozadi-se-neprizusobi-pro-mobily/#reply1143810

Michal Gašparík

(9 hodnocení)

4. 10. 2015 23:44:45

Použil by som ak ide o obrázkové pozadie webu aj css-vlastnosť cover, aby sa ti obrázok prispôsoboval veľkosti okna. Máme málo informácii na to aby sme ti vedeli správne poradiť. Obrázok na pozadí môže byť kľudne aj element čiže ak nastavuješ pozadie ako css background zmena sa nemusí prejaviť. Zavisí to od doho v akom je to elemente a čo je to za objekt.

4. 10. 2015 23:44:45

https://webtrh.cz/diskuse/obrazek-na-pozadi-se-neprizusobi-pro-mobily/#reply1143809

Milo

(2 hodnocení)

5. 10. 2015 18:11:55

Díky moc za rady, asi si budu muset precist jeste co je to element :-) Moc tomu nerozumím :-(

5. 10. 2015 18:11:55

https://webtrh.cz/diskuse/obrazek-na-pozadi-se-neprizusobi-pro-mobily/#reply1143808

Ondrej Vertat

(48 hodnocení)

6. 10. 2015 09:28:14

Element je element, prvek na stránce. V tvém případě body.custom-background.