Logowanie

Element na stronie wyświetlający się tylko na mniejszej rozdzielczości

pytanie zadane 7 lipca 2018 w HTML i CSS przez Gucci Gaduła (4,580 p.)

Witam, chciałbym zapytać czy możliwe jest aby wyświetlały mi się elementy na stronie ale tylko na mniejszych rozdzielczościach np poniżej 768px, a w normalnym rozmiarze witryny, żeby wogóle ich nie było... Jeśli tak to jak mogę to osiągnąć?

Dzięki

2 odpowiedzi

odpowiedź 7 lipca 2018 przez Comandeer Guru (601,890 p.)
wybrane 13 lipca 2018 przez Gucci

Najlepsza

Poczytaj o media queries, to w gruncie rzeczy ich książkowe zastosowanie.

komentarz 7 lipca 2018 przez Gucci Gaduła (4,580 p.)

Mam coś takiego i odwrotnie mi działa ale tak jak powinno czyli tak jak poniżej nie...

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>

.qwe {
    	display:none;
}

@media only screen and (max-width: 768px) {
    .qwe {
        text-align:center;
    }
}

</style>
</head>
<body>

<div class="qwe">
<img src="https://forum.pasja-informatyki.pl/qa-plugin/tips-widget/icons/checkbox.png" alt="Smiley face">
</div>

</body>
</html>

komentarz 7 lipca 2018 przez Comandeer Guru (601,890 p.)

No ale przecież masz, że element ma być zawsze ukryty. Jak ma być tylko dla określonej szerokości ukryty, to ta reguła musi być w media query.

W Twoim kodzie można dodać to tak:

.qwe {
        display:none;
}
 
@media only screen and (max-width: 768px) {
    .qwe {
        display: block;
        text-align:center;
    }
}

odpowiedź 7 lipca 2018 przez Shaoi Mądrala (7,020 p.)

Podobne pytania

–1 głos

0 odpowiedzi 145 wizyt

"Wyrwa" pomiędzy slajdami na stronie + odwrotna kolejność przy mniejszej rozdzielczości

pytanie zadane 21 stycznia 2016 w HTML i CSS przez Bakr Mądrala (6,850 p.)

0 głosów

1 odpowiedź 160 wizyt

Na mniejszej rozdzielczości nie da się nic wpisać

pytanie zadane 20 września 2017 w HTML i CSS przez Mistrz0000000 Bywalec (2,780 p.)

0 głosów

2 odpowiedzi 268 wizyt

wyszukiwarka chowa się przy mniejszej rozdzielczości

pytanie zadane 17 września 2016 w HTML i CSS przez Mistrz0000000 Bywalec (2,780 p.)

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!

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!

...

Element na stronie wyświetlający się tylko na mniejszej rozdzielczości

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci