Jaki jest najbezpieczniejszy sposób za pomocą zapytań o media, aby coś się wydarzyło, gdy nie korzystasz z urządzenia z ekranem dotykowym? Jeśli nie ma sposobu, czy sugerujesz użycie rozwiązania JavaScript, takiego jak !window.Touchlub
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...
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ć...
Z jakiegoś powodu tryb emulacji urządzenia nie odczytuje moich zapytań o media. Działa na innych witrynach, w tym na moich własnych witrynach utworzonych za pomocą programu bootstrap, ale nie działa w przypadku zapytań o media, których używam od podstaw (kliknięcie przycisku zapytań o media...
Jak dokładnie rozdzielić zapytania o media, aby uniknąć nakładania się? Na przykład, jeśli weźmiemy pod uwagę kod: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider viewport */ } @media (min-width: 45em) { /*...
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ę...
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 { ......
Od wersji Bootstrap 3 nie ma już oddzielnych plików dla responsywnych i standardowych arkuszy stylów. Jak więc mogę łatwo usunąć responsywne funkcje?
Pracuję z wieloma tabletami - zarówno z systemem Android i iOS. Obecnie mam następujące warianty rozdzielczości dla wszystkich tabletów. 1280 x 800 1280 x 768 1024 x 768 (oczywiście iPad) - iPad nie ma tego problemu Najprostszym sposobem zastosowania stylu opartego na orientacji urządzenia...
Byłoby dobrze opakować style css dla różnych rozdzielczości w ramach niektórych klas css, używając less. Chciałbym zrobić coś takiego: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } Na koniec powinno być coś takiego: footer {...
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...
Dużo się rozglądałem i rozumiem, że istnieje wiele sposobów wykrywania przeglądarki internetowej. Mój problem jest następujący: mam obszar w moim dokumencie HTML, który po kliknięciu wywołuje funkcję JavaScript, która jest niezgodna z jakimkolwiek programem Internet Explorer. Chcę wykryć, czy...
Ostatnio projektuję witryny, które są bardziej responsywne i często korzystam z zapytań o media CSS. Zauważyłem, że kolejność definiowania zapytań o media ma znaczenie. Nie testowałem tego w każdej przeglądarce, ale tylko w Chrome. Czy istnieje wytłumaczenie tego zachowania? Czasami jest to...