Pytania otagowane jako media-queries

Zapytania o media umożliwiają warunkowe stosowanie stylów CSS na podstawie typów multimediów, takich jak ekran i druk, oraz warunków funkcji multimedialnych, takich jak obszar roboczy oraz wysokość i szerokość urządzenia. Stanowią część specyfikacji W3C CSS3.

4
Zapytania o media - między dwiema szerokościami
Próbuję użyć zapytań o media CSS3, aby utworzyć klasę, która pojawia się tylko wtedy, gdy szerokość jest większa niż 400 pikseli i mniejsza niż 900 pikseli. Wiem, że jest to prawdopodobnie niezwykle proste i brakuje mi czegoś oczywistego, ale nie mogę tego rozgryźć. Wymyśliłem poniższy kod, wdzięczny za każdą pomoc. …
141 css  media-queries 
11
Uzyskaj szerokość urządzenia w javascript
Czy istnieje sposób na uzyskanie szerokości urządzenia użytkownika, w przeciwieństwie do szerokości widocznego obszaru, za pomocą javascript? Jak mogę powiedzieć, zapytania o media CSS oferują to @media screen and (max-width:640px) { /* ... */ } i @media screen and (max-device-width:960px) { /* ... */ } Jest to przydatne, jeśli kieruję …
7
Używanie zmiennych Sass z zapytaniami o media CSS3
Próbuję połączyć użycie zmiennej Sass z zapytaniami @media w następujący sposób: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width jest następnie definiowana w różnych punktach w pomiarach procentowych szerokości arkusza stylów w celu uzyskania płynnych układów. Kiedy to robię, zmienna wydaje się …
3
Wyświetlacze Retina, obrazy tła w wysokiej rozdzielczości
To może brzmieć jak głupie pytanie. Jeśli użyję tego fragmentu kodu CSS do zwykłych wyświetlaczy (gdzie box-bg.pngjest 200 na 200 pikseli); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } i jeśli użyję takiego zapytania o media, aby skierować reklamy na wyświetlacze siatkówki (z obrazem @ 2x jako wersją o wysokiej …
12
Bootstrap - usuwanie wypełnienia lub marginesu, gdy rozmiar ekranu jest mniejszy
EDYTOWANO: Może powinienem zapytać, który selektor ustawia dopełnienie boczne, gdy ekran jest zmniejszony do szerokości poniżej 480 pikseli? Przez jakiś czas przeglądałem bootstrap-responsiveness.css, aby to zlokalizować, ale wydaje się, że nic nie ma na to wpływu. Oryginał Zasadniczo chcę usunąć wszelkie domyślne wypełnienia lub marginesy ustawione dla responsywności na mniejszych …
6
Rozszerzanie selektorów z zapytań o media za pomocą Sass
Mam klasę pozycji i kompaktową klasę „modyfikatora”: .item { ... } .item.compact { /* styles to make .item smaller */ } Jest okej. Chciałbym jednak dodać @mediazapytanie, które wymusza .itemzwartość klasy, gdy ekran jest wystarczająco mały. Na początku starałem się to zrobić: .item { ... } .item.compact { ... } …
3
Czy powinienem używać max-device-width czy max-width?
Za pomocą zapytań o media CSS można max-device-widthkierować reklamy na szerokość urządzenia (np. IPhone lub Android) i / lub na max-widthszerokość strony. Jeśli używasz max-device-width, kiedy zmienisz rozmiar okna przeglądarki na pulpicie, CSS się nie zmieni, ponieważ twój pulpit nie zmienia rozmiaru. Jeśli używasz max-width, po zmianie rozmiaru okna przeglądarki …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.