Witam, jak w temacie, nie wiem czy szukac jak zrobic oddzielnie kazda czesc, czy moze zrobic od nowa na jakims nowym szablonie? Bo np. nie wiem jak przerobic slidery na responsywne, jak bedzie prosciej, jak to sie powinno robic?
0
1
podczep css bootstrapa w kodzie, dodaj container, row, col w odpowiednich sekcjach i tyle
0
jednak wolalbym sie nauczyc ;), przeczytalem to i nie wiem co jesli chcialbym, aby zmieniala sie szerokosc strony wraz ze zmiana szerokosci okna - zmienie sobie w css ze beda ustawiane szerokosci sekcji w %, ale co np. z wielkoscia czcionek i np ze sliderami? Mam slidery w ktorych okreslam wielkosci najwiekszego zdjecia i taki, w ktorym mam 3 zdjecia tej samej wielkosci, to co z tym robic? - to moja strona -https://krystianwojt.github.io/KrystianWojt/
1
Chyba źle czytasz w takim razie bo masz pokazane fajnie jak robić responsywne elementy ;-)
@media all and (min-width:480px) and (max-width:800px) {
div {
background-color:#f4fccc;
font-size: 0.8rem;
}
}
Ten kod jest ustala rozmiary elementów dla szerokości większej od 480px i mniejszej niż 800px. Definiujesz w tej sekcji wymiary fontów i wszystkich elementów dla danej rozdzielczości. Następnie robisz np.
@media all and (min-width:800px) and (max-width:1280px) {
div {
background-color:#c31aa2;
font-size: 1rem;
}
}
Dla szerokości większej od 800px i mniejszej niż 1280px. Jeżeli nie zrobisz wyższej wartości to ta będzie ostatnią załadowaną. Co do responsywności obrazów to już inna historia. Polecam poczytać tutaj bo jest świetnie pokazane i wytłumaczone są różne podejścia do tego tematu.
https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
0
a jak zrobic kiedy mam obraz na polowe strony a na drugiej polowie jest tekst? Albo jak mam slider, w ktorym podaje tylko wymiary zdjecia ktore jest na srodku - bo to jest w script?