 [CSS]Zdjęcie na cały ekran |
  |
| [CSS]Zdjęcie na cały ekran |
 10.08.2016, 08:37:07
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 149 Pomógł: 9 Dołączył: 9.12.2010 Ostrzeżenie: (0%) 
 |
Mam do zrobienia stronę wyświetlającą zdjęcie. W pewnej firmie są monitory na korytarzach, chcą na tych monitorach wyświetlać jakieś zdjęcia. Samo wyświetlanie jest nietypowe, bo przeglądarka działa w trybie fullscreen i zdjęcie ma wypełniać cały ekran. Bez obcinania i bez zachowania proporcji. Po prostu ma się dopasować w pionie i w poziomie do monitora. Na razie zrobiłem workaround dla kilku monitorów i wyświetlam zdjęcie ze sztywnymi wymiarami w pikselach. Akurat te monitory są takie same i to nie problem, ale są też inne monitory i nie może być sztywnych wymiarów. Jak to ugryźć?
|
 |
 
|
|
10.08.2016, 08:42:15
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 965 Pomógł: 285 Dołączył: 19.06.2015 Skąd: Warszawa Ostrzeżenie: (0%)
|
Może background-size: cover?
|
|
|
|
|
10.08.2016, 08:45:45
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 6 799 Pomógł: 1827 Dołączył: 11.03.2014 Ostrzeżenie: (0%)
|
Bez zachowania proporcji:
Kod html,body{
height:100%; } img{ width:100%; height:100%; } <body><img src="...."/></body> -------------------- |
|
|
|
|
10.08.2016, 08:53:56
Post
#4
|
|
|
Grupa: Zarejestrowani Postów: 149 Pomógł: 9 Dołączył: 9.12.2010 Ostrzeżenie: (0%)
|
Cytat(kapslokk @ 10.08.2016, 09:42:15 )  Może background-size: cover? Jeśli background to raczej background-size: 100% 100% I pewnie tak zrobię. Cytat(trueblue @ 10.08.2016, 09:45:45 ) Bez zachowania proporcji: Kod html,body{ height:100%; } img{ width:100%; height:100%; } <body><img src="...."/></body> Jeśli tak to trzeba dodać do html,body margin: 0; bo przez marginesy zostaje suwak. Ten post edytował szczemp 10.08.2016, 09:04:13 |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 7.05.2025 - 06:12 |
