Jaka szerokość stron?

Odpowiedz Nowy wątek
Krwawy Szczur
2016-04-04 22:45
Krwawy Szczur
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?

Pozostało 580 znaków

2016-04-04 23:05

Rejestracja: 4 lata temu

Ostatnio: 8 minut temu

Lokalizacja: Warszawa

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.

Pozostało 580 znaków

2016-04-04 23:24

Rejestracja: 7 lat temu

Ostatnio: 11 godzin temu

0

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

Pozostało 580 znaków

Świetny Terrorysta
2016-04-05 00:41
Świetny Terrorysta
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ć

Pozostało 580 znaków

Krwawy Szczur
2016-04-05 14:46
Krwawy Szczur
0

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

Pozostało 580 znaków

2016-04-09 14:03
Moderator

Rejestracja: 13 lat temu

Ostatnio: 1 tydzień temu

Lokalizacja: Rzeszów

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.


Pozostało 580 znaków

2016-04-12 12:17

Rejestracja: 4 lata temu

Ostatnio: 1 rok temu

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ąć

edytowany 4x, ostatnio: wertykalne, 2017-05-13 16:20

Pozostało 580 znaków

2016-04-12 12:28

Rejestracja: 4 lata temu

Ostatnio: 2 lata temu

Lokalizacja: Rzeszów

0

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

Czyli ewentualnie i tak znaleźć już responsywny :p - dzek69 2016-04-12 17:26

Pozostało 580 znaków

2016-04-12 17:33

Rejestracja: 6 lat temu

Ostatnio: 32 sekundy temu

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.


((0b10*0b11*(0b10**0b101-0b10)**0b10+0b110)**0b10+(100-1)**0b10+0x10-1).toString(0b10**0b101+0b100);
edytowany 1x, ostatnio: LukeJL, 2016-04-12 17:34

Pozostało 580 znaków

2016-04-21 16:01

Rejestracja: 5 lat temu

Ostatnio: 11 miesięcy temu

Lokalizacja: Bydgoszcz

0

Ja daję:

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

i cały kontener jest ładnie responsywny :)

edytowany 2x, ostatnio: jpacanowski, 2016-04-21 16:16

Pozostało 580 znaków

2016-04-21 17:09

Rejestracja: 5 lat temu

Ostatnio: 1 godzina temu

Lokalizacja: Piwnica

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


Pozostało 580 znaków

Odpowiedz

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