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.
Czy podczas pisania zapytania o media CSS można określić wiele warunków za pomocą logiki „LUB”? Próbuję zrobić coś takiego: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) {
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...
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...
Korzystam z Bootstrap 3, aby zbudować responsywny układ, w którym chcę dopasować kilka rozmiarów czcionek do rozmiaru ekranu. Jak mogę użyć zapytań o media, aby stworzyć taką
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...
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...
Znalazłem ten fragment kodu w odziedziczonym przeze mnie pliku CSS, ale nie mogę tego zrozumieć: @media screen and (max-width: 1024px){ img.bg { left: 50%; margin-left: -512px; } } Co konkretnie dzieje się w pierwszej
Muszę opracować strony HTML dla telefonów iPhone / Android, ale jaka jest różnica między max-device-widthi max-width? Potrzebuję użyć innego css dla różnych rozmiarów ekranu. @media all and (max-device-width: 400px) @media all and (max-width: 400px) Co za
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...
Mam dużą witrynę, która działa w ASP.NET MVC za pomocą silnika widoku Razor. Mam podstawowy arkusz stylów, który zawiera wszystkie ogólne style dla całej witryny. Czasami jednak mam style specyficzne dla strony, które <head>na stronie - zwykle jest to jedna lub dwie linie. Nie podoba mi się...
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....
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...
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...
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;...
W dokumentacji zapytań o media Bootstrap 3 jest napisane: Używamy następujących zapytań o media w naszych plikach Less do tworzenia kluczowych punktów przerwania w naszym systemie grid. Bardzo małe urządzenia (telefony, mniej niż 768px): brak zapytania o media, ponieważ jest to ustawienie...
W JavaScript tryb orientacji można wykryć za pomocą: if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; } Czy istnieje jednak sposób na wykrycie orientacji za pomocą tylko CSS? Na przykład. coś jak: @media only screen and (width > height) { ......
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,...
Próbuję użyć zmiennych CSS w zapytaniu o media i to nie działa. :root { --mobile-breakpoint: 642px; } @media (max-width: var(--mobile-breakpoint))
IPhone 5 ma dłuższy ekran i nie łapie mobilnego widoku mojej witryny. Jakie są nowe responsywne zapytania projektowe dla iPhone'a 5 i czy mogę łączyć z istniejącymi zapytaniami dotyczącymi iPhone'a? Moje aktualne zapytanie o media jest takie: @media only screen and (max-device-width: 480px)...
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)...