Logowanie

Media queries i tekts poza divem

pytanie zadane 15 grudnia 2016 w HTML i CSS przez Paweł Kieryk Początkujący (450 p.)

Cześć.

Mam problem z tym, że nie działają mi media queries na stronie. Piszę w SCSS, używam Koali do kompilacji.

Druga sprawa to taka, że przy zmianie wysokości okna, tekst w drugiej sekcji strony "kim jesteśmy" wychodzi poza element div, nie jest responsywny, nie skaluje się. Używam bootstrapa.

xvstudio.pl/pkieryk/portfolio

Pomozcie

2 odpowiedzi

odpowiedź 15 grudnia 2016 przez Kamil Naja Nałogowiec (27,410 p.)

A scss się kompiluje do css?

komentarz 15 grudnia 2016 przez Paweł Kieryk Początkujący (450 p.)

tak, błędów nie wywala

odpowiedź 15 grudnia 2016 przez xmentor Nałogowiec (49,520 p.)

Co do sekcji "kim jesteśmy", ustawiłeś na sztywno dla diva o id about-bg jak i dla bloku, który znajduje się wewnątrz z klasą about wysokość 100vh, zmień to na minimalną wysokość.

height -> min-height

komentarz 15 grudnia 2016 przez Paweł Kieryk Początkujący (450 p.)

Okej, dzięki, działa.

Ale media queries nie działają wciąż...

Już któryś raz z kolei przy pisaniu jakiejś strony mam z tym problem...

komentarz 15 grudnia 2016 przez xmentor Nałogowiec (49,520 p.)

Ciekawe jest to, że po otworzeniu inspektora na FF i wejścia do zakładki "Edytor stylów" wyskakuje informacja, że nie udało się wczytać arkusza styli, a w okienku pokazuje jedynie plik style.scss.

komentarz 15 grudnia 2016 przez Paweł Kieryk Początkujący (450 p.)

To znaczy, że co powinienem zrobić?

komentarz 15 grudnia 2016 przez Paweł Kieryk Początkujący (450 p.)

Style narzucone przez media queries mi widzi w przeglądarce, lecz są przekreślone...

komentarz 15 grudnia 2016 przez xmentor Nałogowiec (49,520 p.)

Nie wiem, dziwne tylko, że taka informacja wyskakuje skoro style są wczytane.

queries działa, zamien main .about-bg na .about-bg(albo w queries z .about-bg na main .about-bg), nie trzeba podawać w tym przypadku przodka. W queries podałeś samo .about-bg, dlatego nie zadziałało.

komentarz 15 grudnia 2016 przez Paweł Kieryk Początkujący (450 p.)

Dalej to samo mam. Nic to znie zmienia. Media queries jak nie działały, tak nie działają....

komentarz 15 grudnia 2016 przez xmentor Nałogowiec (49,520 p.)

https://www.sitepoint.com/web-foundations/specificity/

Usunąłem z zapisu: main .about-bg, main i działa jak należy.

komentarz 15 grudnia 2016 przez Paweł Kieryk Początkujący (450 p.)

Hmm, problem w tym, że ja po prostu zagnieżdżam style w SASS. Dziwne.

komentarz 15 grudnia 2016 przez xmentor Nałogowiec (49,520 p.)

Myślę, że niepotrzebnie to robisz.

W takim razie w queries zmień .about-bg na main .about-bg

komentarz 15 grudnia 2016 przez Paweł Kieryk Początkujący (450 p.)

Uaktualniłem troche pliki i zastosowałem się do twojej rady, lecz ciągle nie działa.

komentarz 16 grudnia 2016 przez Paweł Kieryk Początkujący (450 p.)

Okej, Już dziala. Temat do zamknięcia.

Podobne pytania

0 głosów

1 odpowiedź 430 wizyt

Media queries SASS. Gdzie trzymać ?

pytanie zadane 21 grudnia 2018 w HTML i CSS przez niezalogowany

0 głosów

1 odpowiedź 166 wizyt

media queries problem

pytanie zadane 13 maja 2017 w HTML i CSS przez maciek77 Użytkownik (830 p.)

0 głosów

0 odpowiedzi 299 wizyt

Media queries, sass - drobny problem

pytanie zadane 26 marca 2017 w HTML i CSS przez shslr Obywatel (1,310 p.)

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!

...