Jakubb Opublikowano 10 Maja 2017 Autor Udostępnij Opublikowano 10 Maja 2017 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 Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Arces Opublikowano 10 Maja 2017 Udostępnij Opublikowano 10 Maja 2017 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. Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Ariels Opublikowano 3 Czerwca 2017 Udostępnij Opublikowano 3 Czerwca 2017 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). Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Trix Opublikowano 8 Czerwca 2017 Udostępnij Opublikowano 8 Czerwca 2017 [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] Odnośnik do komentarza Udostępnij na innych stronach Więcej opcji udostępniania...
Rekomendowane odpowiedzi
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ą.