Responzívne logo?

05. čvn 2018 11:59 #136196

Responzívne logo? od Martin Balko

Začátečník

Zdravím,

Prosím vás, aké sú možnosti spraviť logo responzívnym? Práve som si pri úpravach článku všimol, že na mojom webe s parfumami nefunguje logo responzívne = v mobiloch "pretŕča" a rozháďže tak mobilnú verziu, inak vcelku fungujúcu..

=ukážka loga v mobiloch v prílohe

je nejaká jednoduchá možnosť úpravy CSS kódu aby sa vždy veľkosť loga prispôsobila?

Alebo je len nutné prerobiť logo a nejakým spôsobom buď ho zmenšiť alebo pridať 2 verzie, jednu pre PC a druhú pre mobil?

Ďakujem,

pekný deň všetkým

Majiteľ parfumérie parfumylacno s lacnými parfumami Fm Group vo svetových vôňach, kvalitné napodobneniny originálnych parfémov.

Přílohy:

05. čvn 2018 13:04 #136197

Odpověď od H13

Admin

Úplně to nejjednodušší je nastavit jedné straně procento. Jsou speciální techniky pro HTML, kdy se může nastavit různá velikost pro různé displeje, ale procenta jsou prostě to nejjednodušší (případně skombinovat s max-width, max-height, atd.)

Phoca Cart - www.phoca.cz/phocacart - e-shop, e-commerce
Phoca Gallery - www.phoca.cz/phocagallery - obrázková galerie
Phoca Download - www.phoca.cz/phocadownload - stahování souborů
Phoca Guestbook - www.phoca.cz/phocaguestbook - guestbook

Poděkovali: Martin Balko

16. čvn 2018 13:14 #136349

Odpověď od Martin Balko

Začátečník

Ďakujem, už sa to podarilo vyriešiť úpravou max-width., bolo to spôsobené tým, že stránka je rozdelená na rovnomerné 3 stĺpce a na veľkých monitoroch bolo to logo moc malé, tak mu tam tvorca šablóny natvrdo pridal pár PX a to boli práve tie PX, ktoré potom hnevali v mobiloch. Tak som to odstránil, nechal na tú pôvodnú verziu max-width a už to funguje skvelo = aj keď za cenu toho, že v PC je teraz logo menšie.

To však oželiem, dôležitá je najmä používateľnosť. A aj tak mám v pláne meniť logo, tak ho budem riešiť úplne inak.

Ďakujem za pomoc

Majiteľ parfumérie parfumylacno s lacnými parfumami Fm Group vo svetových vôňach, kvalitné napodobneniny originálnych parfémov.

18. čvn 2018 18:04 #136386

Odpověď od H13

Admin