Jaka szerokość stron?

0

Jaką szerokość powinny mieć strony? Z tego co wyczytałem to 960px, jednak gdy użyje takiej szerokości to dana strona nie zapełnia całego ekranu na szerokość. To jak to jest?

3

Powinna być responsywna, a jeśli chcesz zapełnić większość ekranów to max-width na minimum 1366px. 960px to jeśli nie dajesz responsywności - wtedy dobrze wygląda nawet na tablecie 1024px - ale nie polecam, obecnie nieresponsywna strona to kicha.

0

Skombinuj sobie ekran panoramiczny i zobacz jak na nim wyglada 960px szerokości strony.

0

Na 16:9 full hd często mam dwa okna obok siebie - 1920px / 2 = 960px dlatego w tym rozmiarze strona powinna się dobrze prezentować

0

To jaką szerokość najlepiej dać aby była responsywna, można jakoś to automatycznie ustawić aby do każdego ekranu była przystosowana?

3

Responsywna to znaczy właśnie, że nie ma konkretnej szerokości, bo dostosowuje się do każdej. Popatrz sobie np. na tę stronę - http://elektrix.com.pl/ - przeskaluj okno przeglądarki i zobacz jak dopasowywuje się.

Nie jest to technika prosta, szczególnie na początku. Zapewne pomoże Ci pojąć tę filozofię bootstrap, albo inna biblioteka, która ułatwia tworzenie responsywnych stron (aczkolwiek zazwyczaj bardzo schematycznych).

Mocno upraszczając polega to na tym, że załóżmy, że masz 4 boksy z informacjami do wyświetlenia. Ustawiasz więc tak:

  1. W przypadku rozdzielczości o szerokości 1280 i większej - 4 boksy zajmują 25% szerokości, ale nie więcej niż 500px każdy (czyli jak ktoś odpali to na bardzo szerokim monitorze typu 21:9 - to treść nie rozjedzie się po całej szerokości, bo tego się oglądać nie da ;))
  2. W rozdzielczościach między 800 a 1279 px - boksy mają 50% szerokości, czyli ustawią się tak, że dwa będą na górze, dwa pod spodem)
  3. W niższych rozdzielczościach każdy boks zajmuje 100% szerokości, więc wszystkie są jeden pod drugim.

Proste? Niby tak, ale jest więcej roboty + pominąłem temat odstępów miedzy boksami i ogólnie bardziej skomplikowanych layoutów niż cztery boksy.

Bootstrapowi daleko jest do idealnej biblioteki, ale dużo ułatwia na start, więc spróbuj się tym pobawić - korzyści ze strony responsywnej są ogromne, szczególnie na telefonach/tabletach, które aktualnie stanowią już spory procent udziału w przeglądaniu neta (ok 28% dla Polski, a więc prawie co trzeci odwiedzający!). Porównaj sobie wyżej wspomnianą stronę z np. http://saigon.rzeszow.pl/ - gdzie co chwila musisz skalować, przesuwać lewo, prawo, do góry i w dół, żeby przeczytać to, co Cię interesuje.

0

Witam , mam takie pytanie - jak można zainstalować sobie jakąś np wtyczkę pod wordpressa aby zrobić stronę drukarni 3D coś jak http://futureprint.pl/ tak aby drukowanie 3d było na najwyższym poziomie, przystosowaną pod urządzenia czy po prostu trzeba ją projektować od nowa albo na szablonie responsywnym? Czytałem dużo o bootstrapie... ale nie wiem na dobrą sprawę od czego zacząć

0

Na WP musisz sobie znaleźć szablon który już jest responsywny ewentualnie przerabiać już istniejący.

0

Jaką szerokość powinny mieć strony? Z tego co wyczytałem to 960px, jednak gdy użyje takiej szerokości to dana strona nie zapełnia całego ekranu na szerokość. To jak to jest?

Piksele są passe. Teraz liczą się procenty. I nie tylko. Jest wiele sposobów na osiągnięcie RWD.

0

Ja daję:

max-width: 1200px;
margin: 0 auto;
padding-left: 15px;
padding-right: 15px;

i cały kontener jest ładnie responsywny :)

0

mysle że te 1200 można stosować patrząc na najczęściej używane rozdzielczości, w mniejszych najwyżej się strona trochę złoży i tyle

0
  1. Należy całkowicie zapomnieć o rozdzielczości. Liczy się tylko bieżący rozmiar okna. Rozdzielczość również nie powinna być wyznacznikiem, czy pokazać stronę zwykłą czy kaleką (zwaną „mobilną”)

  2. Należy zapomnieć o założeniu z góry, że każdy ma stronę powiększoną na cały ekran. Strona powinna być używalna gdy okno przeglądarki jest przyklejone do połowy ekranu - co przy szerokości 1200 ekranu oznacza 600 pikseli.

  3. Z drugiej strony, wcale nie jest fajnie kiedy w oknie szerokim na 1920 pikseli kolumna tekstu rozciąga się na całą szerokość.

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