Skocz do zawartości
Szukaj w
  • Więcej opcji...
Znajdź wyniki, które zawierają...
Szukaj wyników w...

Rekomendowane odpowiedzi

Witajcie. Mam problem z responsywnością. Może ktoś mnie troche nakierować co robie zle i jak to się je...?
Otóż, wpierw stworzyłem strone na wersje desktop: http://jakubweb.pl/web/forest/
style: http://jakubweb.pl/web/forest/style.css
i jest header napisany na wersje mobilna @media (max-width: 800px) and (min-width: 600px)
Ale niektóre rzeczy sie nie zmieniaja, zobaczcnie sami.
A tu jest to samo: http://jakubweb.pl/web/responisveforest/
style: http://jakubweb.pl/web/responisveforest/style.css
tylko ze strona dziala od @media (max-width: 800px) and (min-width: 600px) a reszta dla deskopt jest zakrywa /*...*/
tutaj działa całkiem inaczej, dlaczego tak sie dzieje.
Jeśli możecie dajcie jakieś wskazówki, jak to jest z tym rwd.
Wpierw piszecie na wersje desktop? czy mobile?
A jeśli edytujecie potem na wersje mobil, to zakrywacie tamten cały arkusz na deskopt?
Z góry dzieki bardzo za pomoc

bannergrafinity.jpg

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Nie wiem jak u innych, ale u mnie ten szablon leży całkowicie. Wcale nie jest responsywny. Osobiście zaczynam od desktopa, ale później wszystko przekształcam na first mobile. Uczę się jeszcze, żeby pracować właśnie tą metodą, bo po pierwsze jest bardziej optymalna dla użytkownika (mniej CSSa wczytuje się na komórki), a po drugie taki teraz panuje trend. Jeżeli dopiero zaczynasz z RWD, to radziłbym po prostu od desktopa w dół, bo o wiele prościej to zrobić. Musisz poczytać podstawy, bo jak na razie to nie wygląda dobrze na różnych rozdzielczościach.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Z headera to chyba z nav tylko problem z rwd jest. Byś musiał zrobić to na przycisk albo inaczej ułożyć. W internetach jest pełno poradników jak zrobić takie menu.
W większości przypadków pierw się kodzi mobile później desktop. Taki jest cel rwd. Podstawą w pisaniu takich stron jest semantyczny kod źródłowy html (szkielet).

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
[quote="Ariels"]Taki jest cel rwd. Podstawą w pisaniu takich stron jest semantyczny kod źródłowy html (szkielet).[/quote] Przepraszam bardzo, ale rwd czyli responsywne tworzenie stron nie ma w podstawie tworzenia semantycznych stron, czyli takich, które są łatwiej czytane przez wszelkiego rodzaju boty np. wyszukiwarki firmy Google. Semantyka to nie responsywność. Jednak prawda, odrazu lepiej tworzyć strony semantycznie. Lepsze pozycjonowanie, korzystniejsze wyszukiwanie tematów stron w przypadkach forum itd..

Co do nawigacji to podrzucam prosty poradniczek ;) - [url]http://webroad.pl/html5-css3/678-responsywna-nawigacja[/url]

Li1Vqv4.png&key=ca78ff2781b911b43b7f7bbe8fa508348556f813ac7a400bc84e5bb245c3de21

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.


×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.