Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Strona dopasowywująca się
Mixter78
post 14.10.2014, 18:38:24
Post #1





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 17.10.2013

Ostrzeżenie: (0%)
-----


Witam,
z racji tego, że jestem tu nowy: Witam! smile.gif

a teraz przejdźmy to mojego problemu.
Od tygodnia próbuje coś z tym zrobić, ale nie mam pomysłu.

Mam projekt gry. Rozmiary: 1920x1080
Jest to ramka, która musi się dopasować do ekranu: tzn. nie może się rozciągać, musi być w miare na cały ekran ale nie może ucinać..
A w związku z różnymi rozdzielczościami coś mi nie idzie.

Czy ktoś mógłby mi coś poradzić?
Go to the top of the page
+Quote Post
Mephis
post 15.10.2014, 06:28:12
Post #2





Grupa: Zarejestrowani
Postów: 94
Pomógł: 1
Dołączył: 16.12.2012

Ostrzeżenie: (0%)
-----


Witamy smile.gif

W CSS
  1. min-width: 100%;
  2. min-height: 100%;
  3. margin: 0;
  4. padding: 0;


A żeby cała ramka była wyświetlona do krawędzi okna;
  1. <iframe style="width: 100%; height: 100%; margin: -5px; padding: 0;" src="x" />
  2. </body>


Nie rozumiem; w jaki sposób ma się nie ucinać? I w jaki sposób ma się nie rozciągać?
Go to the top of the page
+Quote Post
Mixter78
post 15.10.2014, 15:13:39
Post #3





Grupa: Zarejestrowani
Postów: 34
Pomógł: 0
Dołączył: 17.10.2013

Ostrzeżenie: (0%)
-----


Chyba troszke źle napisaem :/

Mam obrazek o wymiarach 1920x1080. Na tym obrazku jest ramka (narysowana) z grą.

Wykombinowałem, że można ustawić 'background-size:contain' co będzie skalowało mi obraz ramki do przeglądarki, ale wtedy nie mogę umieszczać przycisków itd. ponieważ obrazek ciągle zmienia swój rozmiar :/
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 17:18