• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Jak dostosować stronę do wersji mobilnej

Object Storage Arubacloud
0 głosów
395 wizyt
pytanie zadane 21 października 2015 w HTML i CSS przez Szymson Gaming Użytkownik (640 p.)
edycja 21 października 2015 przez Arkadiusz Waluk

Witam ,od nie dawna uczę się programowania i chciałbym cieszyć się moją stroną ruwnierz na wersji mobilnej jednka podczas oglądania strony na telefonie tablecie strona nakłada swoje poszczegulne elementy na siebie da radę coś z tym zrobić ?

Witam, od niedawna uczę się programowania i chciałbym cieszyć się moją stroną również na wersji mobilnej jednak podczas oglądania strony na telefonie/tablecie strona nakłada swoje poszczególne elementy na siebie. Da radę coś z tym zrobić?


Jeśli już to tak powinno to wyglądać... Jako iż jesteś nowicjuszem daje szasnę na poprawę w nastęnych wypowiedziach, ale jak widzisz taki "styl" wypowiedzi nie jest u nas (jak i w większości miejsc w Internecie jak i życiu) akceptowany więc proszę, przyłóż się pisząc każdą kolejną wypowiedź na forum, tak aby dało się to czytać.

6 odpowiedzi

+2 głosów
odpowiedź 21 października 2015 przez Schizohatter Nałogowiec (39,600 p.)
media queries
+1 głos
odpowiedź 21 października 2015 przez iwan9449 Pasjonat (20,810 p.)
Zainteresuj się RWD - Responsive web design. W internecie znajdziesz wiele kursów :)
komentarz 21 października 2015 przez Szymson Gaming Użytkownik (640 p.)
Dzięki :) A nie ma jakiejś ''komendy'' co dam do head i cała strona mi się będzie rozciągać i skurczać czy to raczej w css robić ?
komentarz 21 października 2015 przez iwan9449 Pasjonat (20,810 p.)
Niestety nie ejst to takie proste. Twoja strona prawdopodobnie będzie wymagała przebudowania.
komentarz 21 października 2015 przez Janusz92 Bywalec (2,150 p.)

Do head można dodać coś w tym stylu:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
+1 głos
odpowiedź 21 października 2015 przez Newtonik Gaduła (3,660 p.)
edycja 21 października 2015 przez Newtonik
Nie pomogę ci w problemie z stroną, ale dam Ci radę w innym. Zacznij czytać słownik poprawnej polszczyzny, gdyż popełniasz podstawowe błędy. Przyda sie Tobie w przyszłości bo bez poprawnej pisowni twoje CV lub list motywacyjny zostanie wyrzucony z automatu. Czy nawet jakiś głupi tekst który będziesz miał do napisania aby dać go twojemu przełożonemu. Kiedy zobaczy takie błędy to uwierz nie będzie zachwycony. Zamiast "ruwnież" - "również", a zamiast "poszczegulne - "poszczególne". Nie mówię tego obraźliwe tylko dla Twego dobra.
0 głosów
odpowiedź 21 października 2015 przez b00ny Mądrala (6,050 p.)

Bootstrap. I tyle.
Tylko najpierw naucz się ortografii a potem Angielskiego, bo strona jest napisana po Angielsku :)

http://getbootstrap.com/

komentarz 21 października 2015 przez iwan9449 Pasjonat (20,810 p.)
Moim zdaniem nauka framework'ów bez umiejętności stworzenia samodzielnie takiej strony jest bez sensu. Dobrze jest wiedzieć jak dany mechanizm działa.
komentarz 21 października 2015 przez b00ny Mądrala (6,050 p.)
Niby racja, ale strona będzie responsywna jak chciał.
0 głosów
odpowiedź 21 października 2015 przez Gerard Szymański Obywatel (1,520 p.)
Możesz spróbować ustawić szerokość/wysokość elementów procentowo, a nie pikselowo.

CSS posiada też możliwość nadania stylów dla elementów w zależności od rozdzielczości ekranu

http://www.w3schools.com/css/css_rwd_mediaqueries.asp

To ci powinno pomóc.

Powodzenia
0 głosów
odpowiedź 22 października 2015 przez Radekoslaw123 Gaduła (3,080 p.)
Bootstrapem najłatwiej, na upartego można w css'ie za pomocą @media

Podobne pytania

0 głosów
6 odpowiedzi 730 wizyt
pytanie zadane 16 lutego 2017 w Nasze projekty przez RadekKw Nowicjusz (190 p.)
+2 głosów
1 odpowiedź 214 wizyt
pytanie zadane 5 lutego 2016 w HTML i CSS przez tetriss Obywatel (1,710 p.)
–2 głosów
2 odpowiedzi 229 wizyt

92,575 zapytań

141,424 odpowiedzi

319,649 komentarzy

61,960 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...