Forum PHP.pl > Strona dopasowywująca się

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Mixter78

14.10.2014, 18:38:24

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

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ć?

Mephis

15.10.2014, 06:28:12

Witamy

W CSS

[HTML] pobierz, plaintext 
min-width: 100%;
min-height: 100%;
margin: 0;
padding: 0;
[HTML] pobierz, plaintext

A żeby cała ramka była wyświetlona do krawędzi okna;

[HTML] pobierz, plaintext 
<body>
	<iframe style="width: 100%; height: 100%; margin: -5px; padding: 0;" src="x" />
</body>
[HTML] pobierz, plaintext

Nie rozumiem; w jaki sposób ma się nie ucinać? I w jaki sposób ma się nie rozciągać?

Mixter78

15.10.2014, 15:13:39

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 :/

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.