Przystosowanie gotowych stron do przeglądania w komórce

0

| Hej
Nie wiem jak przystosować swoje już gotowe strony do przeglądania w komórce.
Moje strony są oparte na treści.

3

Musisz je napisać na nowo :) Poczytaj o RWD, strukturę stron i css od początku trzeba pisać tak by dało się używać na różnych rozdzielczościach.

0
ehhhhh napisał(a):

Musisz je napisać na nowo :) Poczytaj o RWD, strukturę stron i css od początku trzeba pisać tak by dało się używać na różnych rozdzielczościach.

nie wiem w jakiej rozdzielczości i jak sprawdzać je na pc

1
gaborek1987 napisał(a):
ehhhhh napisał(a):

Musisz je napisać na nowo :) Poczytaj o RWD, strukturę stron i css od początku trzeba pisać tak by dało się używać na różnych rozdzielczościach.

nie wiem w jakiej rozdzielczości i jak sprawdzać je na pc

Poczytaj sobie o możliwościach devtoolsów i media query. Jeżeli korzystasz z Chrome to : Prawy przycisk myszy w jakimkolwiek miejscu na stronie > Zbadaj > W lewym górnym rogu masz ikone telefonu i tabletu. Tam możesz bawić się z rozdzielczościami :)

1
gaborek1987 napisał(a):

nie wiem w jakiej rozdzielczości i jak sprawdzać je na pc

Na każdej, musisz sprawdzić każdą rozdzielczość pixel po pixelu od 320px szerokości do 4000px

0
n-dot napisał(a):
gaborek1987 napisał(a):
ehhhhh napisał(a):

Musisz je napisać na nowo :) Poczytaj o RWD, strukturę stron i css od początku trzeba pisać tak by dało się używać na różnych rozdzielczościach.

nie wiem w jakiej rozdzielczości i jak sprawdzać je na pc

Poczytaj sobie o możliwościach devtoolsów i media query. Jeżeli korzystasz z Chrome to : Prawy przycisk myszy w jakimkolwiek miejscu na stronie > Zbadaj > W lewym górnym rogu masz ikone telefonu i tabletu. Tam możesz bawić się z rozdzielczościami :)

klikam ZBADAJ i nie pojawiają mi się te ikony w lewym górnym rogu ;(

0

No i jednak wypadałoby odpalić stronę faktycznie na fizycznym urządzeniu, wziąć komórkę do łapy i uruchomić stronę i coś na niej porobić. Podotykać. Próbować ponawigować. Pewnych rzeczy nie wykryjesz na komputerze.

No i ważne, żeby testować na różnych komórkach - można poprosić kogoś, żeby przetestował. Strony mogą inaczej się zachowywać na iOS i Androidzie, choćby.

Nie wiem jak przystosować swoje już gotowe strony do przeglądania w komórce.

To zależy. Zacząłbym od poczytania o tym:
https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
czy o tym:
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

To oczywiście nie wszystko, ale jak masz gotowe strony, to powyższe rzeczy mogą ci ułatwić jakieś quick fixy bez ingerencji w samą strukturę strony.

Chociaż na dłuższą metę pewnie trzeba będzie przemyśleć cały layout strony.

0
LukeJL napisał(a):

No i jednak wypadałoby odpalić stronę faktycznie na fizycznym urządzeniu, wziąć komórkę do łapy i uruchomić stronę i coś na niej porobić. Podotykać. Próbować ponawigować. Pewnych rzeczy nie wykryjesz na komputerze.

ale nie mam komórki :(

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