Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Strona dopasowywująca się
Mixter78
post
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! (IMG:style_emoticons/default/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
 
Start new topic
Odpowiedzi (1 - 2)
Mephis
post
Post #2





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

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


Witamy (IMG:style_emoticons/default/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
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
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 24.08.2025 - 16:48