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.

5
Jaka jest różnica między „ekranem” a „tylko ekranem” w zapytaniach o media?
Jaka jest różnica między screeni only screenw zapytaniami mediów? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Dlaczego musimy korzystać only screen? Czy screensam w sobie nie zapewnia wystarczającej ilości informacji, aby można je było wyświetlić tylko na ekranie? Widziałem wiele …
486 css  media-queries 
15
Zapytania o media: jak kierować reklamy na komputery stacjonarne, tablety i urządzenia mobilne?
Przeprowadziłem badania dotyczące zapytań o media i wciąż nie rozumiem, jak kierować reklamy na urządzenia o określonych rozmiarach. Chcę mieć możliwość kierowania na komputery stacjonarne, tablety i urządzenia mobilne. Wiem, że będą pewne rozbieżności, ale byłoby miło mieć ogólny system, którego można użyć do atakowania tych urządzeń. Kilka przykładów znalazłem: …
11
Czy rozmiar multimediów może zmieniać rozmiar na podstawie elementu div zamiast ekranu?
Chciałbym użyć zapytań o media, aby zmienić rozmiar elementów na podstawie rozmiaru divelementu, w którym się znajdują. Nie mogę użyć rozmiaru ekranu, ponieważ divjest on po prostu używany jako widżet na stronie internetowej, a jego rozmiar może się różnić. Aktualizacja Wygląda na to, że obecnie trwają prace: https://github.com/ResponsiveImagesCG/cq-demos
317 css  media-queries 
12
Czy można wstawiać reguły CSS @media?
Potrzebuję dynamicznie ładować obrazy banerów do aplikacji HTML5 i chciałbym, aby kilka różnych wersji pasowało do szerokości ekranu. Nie mogę poprawnie określić szerokości ekranu telefonu, więc jedynym sposobem, aby to zrobić, jest dodanie obrazów tła div i użycie @media do określenia szerokości ekranu i wyświetlenia prawidłowego obrazu. Na przykład: <span …
293 html  css  media-queries 
5
@ Media minimalna szerokość i maksymalna szerokość
Mam tę @mediakonfigurację: HTML : <head> <meta name="viewport" content="width=device-width, user-scalable=no" /> </head> CSS : @media screen and (min-width: 769px) { /* STYLES HERE */ } @media screen and (min-device-width: 481px) and (max-device-width: 768px) { /* STYLES HERE */ } @media only screen and (max-device-width: 480px) { /* STYLES HERE */ …
17
$ (okno) .width () nie to samo co zapytanie multimedialne
Używam Twitter Bootstrap w projekcie. Oprócz domyślnych stylów ładowania początkowego dodałem także własne //My styles @media (max-width: 767px) { //CSS here } Używam również jQuery do zmiany kolejności niektórych elementów na stronie, gdy szerokość rzutni jest mniejsza niż 767px. $(document).load($(window).bind("resize", checkPosition)); function checkPosition() { if($(window).width() < 767) { $("#body-container .main-content").remove().insertBefore($("#body-container …
16
Dlaczego moje zapytania o media CSS3 nie działają?
W style.css używam zapytań o media, które wykorzystują różne odmiany: /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } Po zmniejszeniu okna strony zmieniają rozmiar na pożądany przeze mnie w zwykłej przeglądarce (Safari, Firefox), jednak układ mobilny wcale nie jest wyświetlany …
11
Wsparcie IE8 dla CSS Media Query
Czy IE8 nie obsługuje następującego zapytania o media CSS: @import url("desktop.css") screen and (min-width: 768px); Jeśli nie, jaki jest alternatywny sposób pisania? To samo działa dobrze w przeglądarce Firefox. Masz problemy z poniższym kodem? @import url("desktop.css") screen; @import url("ipad.css") only screen and (device-width:768px);
19
Problemy z CSS @media print z kolorem tła;
Jestem nowy w tej firmie i mamy produkt, który wykorzystuje mile CSS. Próbuję utworzyć arkusz stylów do wydrukowania dla naszej aplikacji, ale mam problemy z programem background-colorw @media print. @media print { #header{display:none;} #adwrapper{display:none;} td { border-bottom: solid; border-right: solid; background-color: #c0c0c0; } } Wszystko inne działa, mogę modyfikować granice …
176 css  media-queries 
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.