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

Responsywne tło - nie rozumiem wszystkiego

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
518 wizyt
pytanie zadane 27 czerwca 2016 w HTML i CSS przez niezalogowany

Witam, uczę się tworzyć responsywne strony, ale jeszcze nie wszystko rozumiem. Ogólnie mój kurs opiera wszystko na wzorze:  target ÷ context = result Rozumiałem jego działanie i wszystko do momentu, kiedy miałem obliczyć rozmiar tła. 

W moim kursie przedstawili to na dwóch kolumnach. Za zadanie miałem dodać tło jedynie do lewej kolumny, a context to była szerokość obu kolumn. 

Niby logiczne, ale dla mnie bez sensu. Załużmy, że według wzoru wyszło mi 66%, ustawiam tak:

background: #F8F5F2 url("zdjecie.jpg") repeat-y 66% 0;

i plik "zdjecie.jpg" jest większy niż wymiary diva. 

Jak ustawię losową wartość (np.50%), to nic się nie zmienia, po prostu zdjęcie się poziomem trochę przesuwa, ale wciąż jest responsywne. 

Więc jaki jest sens liczenia result? Mam nadzieję, że ktoś rozumie moją zagwozdkę (bo ciężko mi to było wytłumaczyć). :)

komentarz 28 czerwca 2016 przez uRTLy Bywalec (2,420 p.)
przeniesione 28 czerwca 2016 przez uRTLy

Kompletnie Cie nie rozumiem. 

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

 Tu masz w kolejności właściwości background. Co chcesz tutaj liczyć tymi %? 
Masz używać tej skali tylko po to aby na każdym ekranie div article czy co tam masz były w odpowiednich proporcjach  więc używasz tego do do obliczania szerokości -  ile % ma zajmować miejsca z tym że na małych urządzeniach po prostu dajesz elementom po 50% / 100%  i obsuwają się one jeden pod drugi. Ale po co to robić jak ma się grida i flexboxa. 
Podeślij linka do artykułu bo jestem ciekaw może ja cie nie zrozumiałem.

komentarz 28 czerwca 2016 przez niezalogowany
Przesyłam link do wersji PDF. http://www.tapan.am/files/Marcotte_E._-_Responsive_Web_Design_(A_Book_Apart_Brief_books_for_people_who_make_websites)_-_2011.pdf

Rozdział (FLEXIBLY TILED BACKGROUND IMAGES) się zaczyna:

Strona ksiażki: 54 strona

Strona dokumentu pdf: 61 strona
komentarz 28 czerwca 2016 przez uRTLy Bywalec (2,420 p.)
edycja 28 czerwca 2016 przez uRTLy
Książka jest z 2011 roku, my mamy 2016. Ja bym sobie nią głowy nie zawracal. Wpisz w Google "CSS 3 Responsive web design Best 2016 books" jeżeli koniecznie zależy Ci na książkach ale ja bym wolał zrobić kilka PSD,poczytać poradniki o gridzie i flexie czy tam filmiki, poczytać newsy jakieś , przeglądać codepena itd. Co do tła nie umiem Ci pomoc teraz bo na telefonie jestem
komentarz 28 czerwca 2016 przez Comandeer Guru (606,240 p.)
A co ma grid czy flex do tła?
komentarz 28 czerwca 2016 przez uRTLy Bywalec (2,420 p.)
Ja się odniosłem do nauki responsywnosci, napisałem na końcu.
komentarz 28 czerwca 2016 przez Comandeer Guru (606,240 p.)

A ja się odniosłem do Twojego 1. komentarza ;)

Masz używać tej skali tylko po to aby na każdym ekranie div article czy co tam masz były w odpowiednich proporcjach  więc używasz tego do do obliczania szerokości -  ile % ma zajmować miejsca z tym że na małych urządzeniach po prostu dajesz elementom po 50% / 100%  i obsuwają się one jeden pod drugi. Ale po co to robić jak ma się grida i flexboxa.  

komentarz 28 czerwca 2016 przez uRTLy Bywalec (2,420 p.)

Ja napisałem tam że nie rozumiem czemu policzony rozmiar tła wkładać do skrótu background  a potem się odniosłem do tego :

Ogólnie mój kurs opiera wszystko na wzorze:  target ÷ context = result Rozumiałem jego działanie i wszystko do momentu, kiedy miałem obliczyć rozmiar tła. 

bla bla bla...

Więc jaki jest sens liczenia result? Mam nadzieję, że ktoś rozumie moją zagwozdkę (bo ciężko mi to było wytłumaczyć). :)

 Ale też się czegoś nauczę i  skorzystam jakby ktoś to wytłumaczył.
 

komentarz 28 czerwca 2016 przez Comandeer Guru (606,240 p.)
To nie jest rozmiar, a odległość obrazka od lewej strony wyrażona w proporcjach. Dzięki temu obrazek w każdej rozdzielczości będzie się wyświetlał w odpowiednim miejscu.

1 odpowiedź

0 głosów
odpowiedź 27 lipca 2016 przez niezalogowany
Poważ jakiegoś screena, kawałek domu powiem Ci jak zrobić

Podobne pytania

+1 głos
6 odpowiedzi 559 wizyt
pytanie zadane 25 stycznia 2016 w HTML i CSS przez ethern Nowicjusz (150 p.)
0 głosów
3 odpowiedzi 2,240 wizyt
pytanie zadane 13 maja 2017 w HTML i CSS przez hiper007 Stary wyjadacz (11,270 p.)
+1 głos
2 odpowiedzi 934 wizyt
pytanie zadane 9 kwietnia 2016 w HTML i CSS przez Stami Gaduła (3,790 p.)

93,187 zapytań

142,203 odpowiedzi

322,023 komentarzy

62,513 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 2581p. - dia-Chann
  2. 2537p. - Łukasz Piwowar
  3. 2528p. - Łukasz Eckert
  4. 2514p. - CC PL
  5. 2445p. - Łukasz Siedlecki
  6. 2443p. - rucin93
  7. 2252p. - Tomasz Bielak
  8. 2201p. - Michal Drewniak
  9. 2156p. - Marcin Putra
  10. 2152p. - Adrian Wieprzkowicz
  11. 2105p. - Mikbac
  12. 1941p. - Anonim 3619784
  13. 1733p. - rafalszastok
  14. 1480p. - Michał Telesz
  15. 1469p. - ssynowiec
Szczegóły i pełne wyniki

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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...