| Autor | Zpráva | ||
|---|---|---|---|
| Mramorová Profil * |
#1 · Zasláno: 20. 3. 2014, 21:18:28
Když mám nastavenou tuhle class:
.xy {
background:#444444;
width:50%;
height:100%;
float:left;
}na nějaký div a do toho divu vložím obrázek, tak předpokládám, že když posléze například zmenším okno prohlížeče, tak onen obrázek nebude přetékat přes oných 100% pozadí daného divu a přizpůsobí se (když "auto" nefunguje), ale bohužel se to neděje a nevím co stím. Poradíte? |
||
| Náročný uživatel Profil * |
#2 · Zasláno: 20. 3. 2014, 23:23:22
co třeba k tomu obrázku vložit následující?
img {
max-width: 100%;
max-height: 100%;
} |
||
| Trejpa Profil |
#3 · Zasláno: 21. 3. 2014, 10:38:50
Mramorová:
Procentní rozměr výšky se odvozuje z nadřazeného elementu, nikdy ne z obsahu. Má nadřazený element nastavenou výšku? Když výšku má a tato je po přepočtu na pixely menší, než je výška obrázku, musí obrázek zákonitě přetéct. A pak záleží na tom, co se má s obrázkem dít. Jestli se má oříznout podle nadřazeného bloku, tak tomu bloku nastav overflow na hidden. Jestli se má obrázek zmenšit podle výšky, nastav mu výšku na 100 % a případně omez jeho maximální výšku na jeho fyzickou výšku v pixelech. Příklad. |
||
|
Časová prodleva: 10 let
|
|||
0