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

Dodakowy CSS który nie działa na komórkach oraz w przypadku zmniejszania (+/-) ekranu

Aruba Cloud VPS - 50% taniej przez 3 miesiące!
0 głosów
194 wizyt
pytanie zadane 10 kwietnia 2019 w HTML i CSS przez frederrer Użytkownik (740 p.)
zmienione kategorie 10 kwietnia 2019 przez Arkadiusz Waluk
Nie jestem biegły w css. Mam fajny szablon którego generalnie nie chciałbym zniszczyć.

W związku z tym chce wprowadzić kilka poprawek które fajnie wyglądają ale przy standardowej rozdzielczości (lub większej dla większych ekranów).

Kiedy używam ctr +/- w firefoxie (i zmniejszam ekran) to niektóre elementy (m.in fixed) rozjeżdzają się i na przykład nachodzą na siebie.

 

W związku z tym zastanawiam się jak najsprawniej to rozwiązać ? czy mogę dodać dodkowy css który będzie obowiązywał tylko dla danej wielkość ekranu w górę oraz tylko na urządzeniach stacjonarnych (nie mobilnych ?  )

Pytanie czy tylko same zmiejszanie czcionki , ekranu w firefoksie ctr +/- , lupa itp itd to to samo co ustawienie css-a dla danej rozdzielczości ?

a może są jakieś inne sposoby ? No o jak to zrobić oczywiśćie najsprawniej z użyciem jak najmniejszej lini kodu ;-)

 

Dzięki za wszelką pomoc
komentarz 10 kwietnia 2019 przez j23 Mędrzec (195,260 p.)
Zła kategoria.

1 odpowiedź

+1 głos
odpowiedź 10 kwietnia 2019 przez dawidek08 Początkujący (290 p.)

Spróbuj użyć zapytań medialnych CSS (@media). Jako warunek ustaw minimalną szerokość. Jeżeli ekran będzie wystarczająco szeroki, style w zapytaniu się odpalą. Np.

@media (min-width: MINIMALNA SZEROKOŚĆ) { /* Twoje style */ }

Prześlij kod HTML i CSS jeśli to nie pomoże. Spróbujemy coś wymyśleć.

komentarz 10 kwietnia 2019 przez frederrer Użytkownik (740 p.)
czyli rozumiem że { /* Twoje style */ } umieszczam cały kod css który chce zmienić ?

 

czyli np

@media (min-width: MINIMALNA SZEROKOŚĆ)

{ /*

ul.clearfix  {
    position:fixed;
    top:100px;
    left:100px;
    width:40px;
  float: left;
 font-size: 10px;
  text-align: right;
}

*/ }

 

Czy to ma być w takiej formie ?
komentarz 10 kwietnia 2019 przez dawidek08 Początkujący (290 p.)

Nie do końca. Tam gdzie "MINIMALNA SZEROKOŚĆ" wpisujesz szerokość ekranu od której zaczną działać style w klamrach. Na twoim przykładzie by to wydglądało tak:

@media (min-width: MINIMALNA SZEROKOŚĆ)

{ 

ul.clearfix  {
    position:fixed;
    top:100px;
    left:100px;
    width:40px;
  float: left;
 font-size: 10px;
  text-align: right;
}

 }

Te znaki "/*" oraz "*/" to komentarze w CSS. Nie dodawaj ich tam.

Podobne pytania

0 głosów
1 odpowiedź 204 wizyt
0 głosów
0 odpowiedzi 187 wizyt
0 głosów
0 odpowiedzi 115 wizyt

93,175 zapytań

142,185 odpowiedzi

321,977 komentarzy

62,506 pasjonatów

Advent of Code 2024

Top 15 użytkowników

  1. 1401p. - dia-Chann
  2. 1380p. - Łukasz Piwowar
  3. 1372p. - CC PL
  4. 1370p. - Łukasz Eckert
  5. 1351p. - Tomasz Bielak
  6. 1312p. - Łukasz Siedlecki
  7. 1302p. - rucin93
  8. 1217p. - Michal Drewniak
  9. 1181p. - rafalszastok
  10. 1164p. - Adrian Wieprzkowicz
  11. 1155p. - Piotr Aleksandrowicz
  12. 1149p. - Michał Telesz
  13. 1124p. - ssynowiec
  14. 1101p. - Dominik Łempicki (kapitan)
  15. 1087p. - Marcin Putra
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!

...