rensponsywność strony

0

Hej, od jakiegoś czasu buduję stronę poświconą klanowi w pewnej znanej grze "World Of Tanks blitz". Z racji że jest to gra mobilna chciałbym aby strona była jak najlepiej przypasowana do urządzeń mobilnych. Czy mógłby mi ktoś wyjaśnić w jaki sposób mógłbym zrobić wygląd rensponsywny dla tej strony; blackts3.pl ?
Pozdrawiam i czekam na odpowiedź

0

jest to tak prosta strona, że wystarczy używać % dla szerokości (width, margin, padding) zamiast px i bedzie grało

0
Jakubczyk napisał(a):

Hej, od jakiegoś czasu buduję stronę poświconą klanowi w pewnej znanej grze "World Of Tanks blitz". Z racji że jest to gra mobilna chciałbym aby strona była jak najlepiej przypasowana do urządzeń mobilnych. Czy mógłby mi ktoś wyjaśnić w jaki sposób mógłbym zrobić wygląd rensponsywny dla tej strony; blackts3.pl ?
Pozdrawiam i czekam na odpowiedź

Musisz zacząć od dodania w sekcji head informacji, że strona jest dostosowana do urządzeń mobilnych:
<meta name="viewport" content="width=device-width">
i później poprawić to, co jest źle - m.in. dodać max-width: 100% dla h1.logo img i zrobić media query żeby menu wyświetlało się pionowo, a nie poziomo.

0

weź jakiegoś bootstrapa i tyle

0

Udało mi się to dobrze wymyślić ale nadal mam problem. O ile na komputerze gdy testowałem, zmniejszając okno otwartej strony wszystko ładnie się zmniejszało i działało. Niestety gdy stronę wgrałem na FTP i odtworzyłem ją na telefonie, wszystko wyświetla się.... tak jak na komputerze. Wydaje mi się że chyba coś źle podpiąłem w <head>.
Proszę o pomoc, link to; blackts3.pl
Pozdrawiam i czekam na odpowiedź

0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
wywal wszystko prócz `<!DOCTYPE html>

</body> musi być przed </html>

0
Jakubczyk napisał(a):

Wydaje mi się że chyba coś źle podpiąłem w <head>.

Zamiast normalnie podpiętej do serwera domeny masz jakieś wyświetlanie strony z innego adresu (s31321...) w ramce, dlatego też jest domyślny viewport zamiast wpisanego w kodzie.

0

Hahah, faktycznie. Kiedy wszedłem na stronę z poziomu mobilnego z linku oryginalnego bez domeny wszystko ładnie śmiga. Najlepsze jest to że ten sposób podpięcia domeny wskazał a nawet nakazał mi support hostingu domeny. Zaraz zacznę kombinować z tym :P

0 użytkowników online, w tym zalogowanych: 0, gości: 0