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ź
jest to tak prosta strona, że wystarczy używać % dla szerokości (width, margin, padding) zamiast px i bedzie grało
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.
weź jakiegoś bootstrapa i tyle
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ź
<!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>
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.
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