Např. na počítači se video/obrázek zobrazuje dokonale, ale když
stránku navštívím přes telefon, tak videa/obrázku je necelá půlka.
Děkuji předem za radu.
ohodnoťte nejlepší odpověď symbolem palce
Zajímavá 1Pro koho je otázka zajímavá? yuko před 2290 dny |
Sledovat
Nahlásit
|
Odpoveď byla označena jako užitečná
vcelku jednoduše … nepoužívejte absolutní jednotky px ale ty které jsou relativně vztaženy k velikosti nadřazeného bloku potažmo tedy rozměrům displaye.
pokud má mít tento obrázek vždy šířku displaye
<img class=„fotografie1“ src=„https://goo.gl/2HVe1h“ />
stačí do CSS napsat toto
img.fotografie1 {
width: 100%;
}
všimněte si že jako jednotku jsme použili procenta, tedy 100% šiřky nadřazeného bloku tj. v tomto případě šířky displaye. Výška se přizpůsobí automaticky aby zůstal zachován poměr stran. Podobně to funguje i s elementem <video></video>
TIP 1: pokud chcete kombinovat relativní určení rozměru a absolutní.
Například pokud chcete určit šířku 100% obrazovky mínus 30 pixelů,
použijte v css funkci calc(). Vypadá to pak následovně:
img.fotografie1 {
width: calc(100% – 30px);
}
Upravil/a: anonym
1 NominaceKdo udělil odpovědi nominaci?VIO Nahlásit |
Otázka nemá žádné další odpovědi.
U otázky nebylo diskutováno.
Nový příspěvekBedy | 1528 | |
Michal Kole | 1199 | |
led | 1156 | |
Hlada | 1131 | |
mosoj | 1124 | |
gecco | 904 | |
www | 828 | |
badisko | 817 | |
cochee | 815 | |
Dochy | 724 |
Software |
Hardware |
Internet |
Programování a webdesign |
Sítě |
Bezpečnost |
Ostatní počítače a internet |