Brak scrolla i brak responsywnosci

pytanie zadane 11 marca 2016 w HTML i CSS przez McShadow Obywatel (1,050 p.)

Witam mam 2 problemy

1) Strona inaczej wygląda w formie responsywnej na komputerze a na serwerze(stronie)

2) Nie widać scrolla i nie da sie zobaczyć pozostałych 7 kafelków a widać tylko 2

STRONA http://kuba80-02.ct8.pl/gry.php

CSS http://pastebin.com/YEkA4Grb

HTML http://pastebin.com/EKb7LGiy

1 odpowiedź

odpowiedź 11 marca 2016 przez iwan9449 Pasjonat (20,810 p.)

Co do braku responsywności:

<meta name="viewport" content="width-device-width, initelal-scale=1">

powinno być:

<meta name="viewport" content="width=device-width, initelal-scale=1">

A jeżeli chodzi o brak scrolla, może wystarczy do znacznika body dodać overflow-y: scroll;

Pozdrawiam

Pokaż 8 poprzednich komentarzy

komentarz 11 marca 2016 przez iwan9449 Pasjonat (20,810 p.)

Swoją drogą nie rozumiem tego całego responsive na tej stronie 320px - 1650px to można powiedzieć 90% użytkowników i zakres od nizkiej rozdzielczości smatfonowej do średniej desktopowiej. Jednym słowem, w praktyce to nie ma najmniejszego sensu.

komentarz 11 marca 2016 przez McShadow Obywatel (1,050 p.)

czyli jak mogę ten problem rozwiązać nie chce mi sie pisać 300linijek od zera znowu a jesli chodzi o responsive jakie wartosci tutaj dać ?

komentarz 11 marca 2016 przez McShadow Obywatel (1,050 p.)

czyli gdzie moge sie pozbyć position fixed a kod z divow nie uzywanych bede czyscił

komentarz 12 marca 2016 przez iwan9449 Pasjonat (20,810 p.)

Jeśli chodzi o breakepointy, ja osobiście używam 0-767 -smatfon, 768-991 - tablet, 992-inf - desktop.

Uwierz mi, że szybciej będzie napisać od nowa 300 linijek kodu css niż naprawiać źle napisany kod :)

Samo usunięcie position fixed będzie generowało kolejny problem i tak dalej. Posłuchaj mojej rady i napisz ten kod jeszcze raz, nie powinno zająć Ci to więcej niż godzinę.

Pozdrawiam!