Responsywność strony internetowej

Question

Witam

Mam problem z responsywnością mojej strony internetowej. Po wejściu na stronę przez przeglądarkę wszystko wygląda dobrze, ale gdy przesunę lub pomniejszę widok, całość się psuje. Widać overflow strony który ukryłem za pomocą komendy overflow-x: hidden;

Czy istnieje jakiś sposób by user po wejściu na stronę nie mogł zmieniać widoku witryny, tylko przewijał w górę i w dół?

Od razu mówię, że jestem początkującym programistą webowym i możliwe, że jest to jakaś oczywistość.

Answer 1

Jeżeli chcesz by twoja strona była responsywna musisz odpowiednio zaprojektować rozmiary poszczególnych elementów dla konkretnych widoków. W tym celu możesz zainteresować się media query w CSS lub skorzystać z jakiegoś frameworka np. Bootstrap lub Foundation. Jeśli zdecydujesz się na to drugie zalecałbym najpierw zrozumieć dobrze CSS (jednostki, flexbox, grid).

Co do zablokowania zmieniania widoku witryny przez usera: nie ma to żadnego sensu, ponieważ osoba która będzie posiadała ekran o rozmiarach mniejszych niż takich dla jakich zaprogramowałeś swoją witrynę (np. telefon) tak czy siak będzie mieć ten widok zmieniony, bo telefon nie stanie się nagle monitorem komputerowym.

Comments

Zbudowałem responsywność na podstawie media queries i wszystko działa tak jak chcę, ale problem dotyczy (jak się domyślam) kilku linijek w CSS, aby nie można było przesunać strony w prawo oraz nie dało się pomniejszyć widoku, który został wczytany po wejściu na witrynę.

---

Jeśli użyłeś media quieres i po zmianie widoku witryny np. po zmniejszeniu okna możesz przesuwać witryne w prawo i w lewo to znaczy że nie zaprogramowales widoku dla tych rozmiarów okna lub zaprogramowales je źle. Proponuję byś założył nowy wątek na forum, wkleił kod i napisał jaki konkretnie efekt chcesz uzyskać a inni cię naprowadzą :)