Autor | Zpráva | ||
---|---|---|---|
robbie Profil |
#1 · Zasláno: 22. 6. 2016, 09:48:46
Ahoj, chtěl jsem se optat, proc se nekde dává obrázkům max-width: 100% proč ne rovnou width:100% zajímá mě vyloženě toto porovnání těchto dvou vlastností. Děkuji
|
||
Tomáš123 Profil |
#2 · Zasláno: 22. 6. 2016, 09:57:52
robbie:
Deklarácia max-width: 100% ovplyvňuje iba obrázky, ktoré sú širšie ako šírka nadradeného bloku. Obrázok tak nevyteká zo zobrazovacej plochy a netvorí sa posuvník. Rozdiel je v tom, že width: 100% vynúti roztiahnutie aj tých obrázkov, s ktorými netreba nič robiť (ikonky, menšie obrázky).
|
||
Dusann Profil |
Ak máš na mysli IMG tag, tak max-width:100% zabezpečí aby sa originálna šírka obrázku zmenšovala na šírku kontajneru. Ak nastavíš vlastnosť height na 100% a kontajner bude širší ako originálna šírka obrázku, šírka obrázku sa zvačší na rozmer kontajneru (so zachovaním pomeru strán obrázku).
|
||
Tomáš123 Profil |
#4 · Zasláno: 22. 6. 2016, 11:06:52
Dusann:
Zaujímavé. Problém nastáva, keď má onen nadradený blok tiež nastavenú výšku. Je okrem tohoto nedostatku riešenie v niečom odlišné od nastavenia sto percentnej šírky? |
||
Keeehi Profil |
#5 · Zasláno: 22. 6. 2016, 11:44:14
Tomáš123:
„Problém nastáva, keď má onen nadradený blok tiež nastavenú výšku.“ Jaký problém? |
||
Dusann Profil |
Tomáš123:
Dusann: „Ak nastavíš vlastnosť height na 100%“ Preklep, mal som na mysli samozrejme "width" |
||
Tomáš123 Profil |
#7 · Zasláno: 22. 6. 2016, 22:01:14
Keeehi:
Pardón. Testoval som to na tablete. Myslel som si, že nastavenie výšky pre obrázok zázračne spôsobí, že sa obrázok prispôsobí šírkovo. Problém mal byť ten, že keď sa nadradenému bloku nastaví výška, výška obrázku sa vypočíta podľa výšky rodiča a dopočítavať sa bude šírka, čo nie je na nič užitočné. Nevšimol som si ale, že na tablete mi nástroj živých ukážok nesprávne aktualizuje obraz, takže je to celé blbosť. Ospravedlňujem sa. |
||
Časová prodleva: 9 let
|
0