media-queries
Media Queries: jak kierować komputery stacjonarne, tablety i urządzenia mobilne?
Przeprowadziłem kilka badań nad zapytaniami o media i nadal nie do końca rozumiem, jak kierować urządzenia o określonych rozm ... (max-width:768px)
# Desktop
only screen and (min-width:769px)
Jakie powinny być punkty przerwania dla każdego urządzenia?
Media Queries: jak kierować na komputer, tablet i telefon komórkowy?
Przeprowadziłem kilka badań nad zapytaniami o media i nadal nie do końca rozumiem, jak kierować urządzenia o określonych rozm ...
# Desktop
only screen and (min-width:769px)
Jak myślisz, jakie powinny być te "punkty przerwania" dla każdego urządzenia?
Twitter Bootstrap 3: Jak korzystać z zapytań o media?
Używam Bootstrap 3 do tworzenia responsywnego układu, w którym chcę dostosować kilka rozmiarów czcionek w zależności od rozmiaru ekranu.
Jak Mogę używać zapytań o media do tworzenia tego rodzaju logiki?
iPhone 5 CSS media query
[1]}iPhone 5 ma dłuższy ekran i nie łapie mobilnego widoku mojej strony. Jakie są nowe zapytania projektowe responsywne dla i ... i zapytaniami iPhone ' a?
Moje aktualne Zapytanie o media Jest Takie:
@media only screen and (max-device-width: 480px) {}
CSS media queries: max-width lub max-height
Pisząc Zapytanie o media CSS, czy jest jakiś sposób na określenie wielu 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) {
...
}
@ Media min-width & max-width
Mam taki @media setup:
HTML :
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" /> ... a iPhonie, ale nie działa w przeglądarce.
Czy to dlatego, że mam już device w meta, a może zamiast tego mam max-width:480px?
zapytania o Media iPhone 6 i 6 Plus
Czy ktoś zna konkretne rozmiary ekranu do kierowania zapytań o media dla iPhone 6 i 6 Plus?
Również rozmiary ikon i ekrany powitalne?
Obsługa IE8 dla CSS Media Query
Czy IE8 nie obsługuje następującego zapytania CSS media:
@import url("desktop.css") screen and (min-width: 768px);
Jeśli ... oblemy z poniższym kodem?
@import url("desktop.css") screen;
@import url("ipad.css") only screen and (device-width:768px);
$(window).width() to nie to samo co media query
Używam Twitter Bootstrap w projekcie. Oprócz domyślnych stylów bootstrap dodałem również własne
//My styles
@media (max-wi ... runki sprawdzają wartość 767). Ponieważ z pewnością nie wszystkie przeglądarki będą miały szerokość paska przewijania / 16px
Jak usunąć responsywne funkcje w Twitter Bootstrap 3?
Od Bootstrap 3 nie ma już oddzielnych plików dla responsywnych i standardowych arkuszy stylów. Jak więc łatwo usunąć responsywne funkcje?
Jaka jest różnica między max-device-width i max-width dla mobilnej sieci web?
Muszę opracować strony html dla telefonów iphone/android, ale jaka jest różnica między max-device-width A max-width? Muszę uż ... s dla różnych rozmiarów ekranu.
@media all and (max-device-width: 400px)
@media all and (max-width: 400px)
Co za różnica?
Wyświetlacze Retina, obrazy tła o wysokiej rozdzielczości
To może brzmieć jak głupie pytanie.
Jeśli używam tego fragmentu CSS do zwykłych wyświetlaczy (gdzie box-bg.png jest 200px na ... p left;}
}
Czy muszę podwoić Rozmiar .box div do 400px przez 400px, aby dopasować nowy obraz tła o wysokiej rozdzielczości?
Pobierz szerokość urządzenia w javascript
Czy istnieje sposób, aby uzyskać szerokość urządzenia użytkownika, w przeciwieństwie do szerokości viewport, za pomocą javasc ... ) { /* ... */ }
To nie wydaje mi się eleganckie, biorąc pod uwagę wskazówkę, że szerokość urządzenia jest dostępna dla css.
Co oznacza @media screen and (max-width: 1024px) w CSS?
Znalazłem ten fragment kodu w pliku CSS, który odziedziczyłem, ale nie mogę z niego wyciągnąć żadnego sensu:
@media screen ... th: 1024px){
img.bg {
left: 50%;
margin-left: -512px; }
}
Konkretnie, co dzieje się na pierwszej linii?
CSS @media print problemy z kolorem tła;
Jestem tu nowy w tej firmie i mamy produkt, który wykorzystuje mile css. Próbuję stworzyć arkusz stylów do druku dla naszej a ... wiedzieć na moje pytanie bez więcej szczegółów. Byłem tylko ciekaw, czy ktoś miał ten problem, lub coś podobnego, wcześniej.
Fancy Media Queries with some LESS Magic
Byłoby miło zawijać style css dla różnych rozdzielczości w niektórych klasach css używając mniej.
Chciałbym zrobić coś takie ... głby wyglądać jakoś tak:
@media screen and (min-width: 768px) {
.tablet {
}
}
Mam nadzieję, że ktoś ma dobry pomysł!
Dlaczego moje zapytania dotyczące mediów CSS3 nie działają na urządzeniach mobilnych?
W stylu.css, używam media queries, z których oba używają odmiany:
/*--[ Normal CSS styles ]-------------------------------- ... ie jest wyświetlany w ogóle na telefonie. Zamiast tego widzę tylko domyślny CSS.
Czy ktoś może wskazać mi właściwy kierunek?
Przełączanie na zapytania o Media oparte na Em
Teraz, gdy błąd WebKit page-zoom został naprawiony, Jakie są główne powody korzystania z zapytań multimedialnych opartych na ... ny post doda perspektywy do Wielkiej odpowiedzi @nwalton, która dotyczyła wszystkich trzech punktów, o które prosiłem około.
Czy zapytania o media mogą zmieniać rozmiar na podstawie elementu div zamiast ekranu?
Chciałbym użyć zapytań o media do zmiany rozmiaru elementów w oparciu o rozmiar div elementu, w którym się znajdują. Nie mogę ... rozmiar może się różnić.
Update
Wygląda na to, że jest już nad tym praca:
https://github.com/ResponsiveImagesCG/cq-demos
Szerokości do wykorzystania w zapytaniach o media [zamknięte]
Jakie są najważniejsze szerokości zapytań multimedialnych dla wszystkich urządzeń, takich jak komputery stacjonarne, tablety, laptopy/iPady, iPhone ' y i smartfony?
Czy są jakieś Standardowe szerokości dla tych urządzeń?