Zauważyłem, że IE9 przyjmuje style tabletów dla mojej witryny.Jak kierować reklamy na tablety, ale nie na IE9 za pomocą zapytania o media
@media (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait),
(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
/* tablet styles */
}
Powyższe zapytanie o media jest stosowane w IE9, gdy szerokość przeglądarki wynosi 1024 piksele.
Po wykonaniu pewnych badań, znalazłem następujące pytanie/rozwiązanie i oferuje ono wyjaśnienie, dlaczego tak się dzieje.
Media query not working in IE9
Z tego co mogę powiedzieć, to sprowadza się do IE9 nie interpretując "min-device-width" i "max-device-width".
Według http://msdn.microsoft.com/library/ms530813.aspx nie obsługuje tych właściwości, tylko "min-width" i "max-width".
Ponadto, http://www.w3.org/TR/css3-mediaqueries/#error-handling stwierdza, że przeglądarka ma ignorować właściwości, które nie rozpoznaje, a których nie rozpoznaje. Nie tak z IE9 wydaje się.
Też znalazłem to pytanie: Common breakpoints for media queries on a responsive site ale to nie daje mi rozwiązania.
Jak zastosować arkusz stylów tylko do tabletów, a nie do przeglądarek komputerowych takich jak IE9 o szerokości 1024 pikseli?
@Dom: Czy to rozwiązanie pomogło? – tw16
Tak, pomogłem, nie zdawałem sobie sprawy, że można to zrobić, ale wznowiono. Wciąż jednak odkryłem, że inne przeglądarki wykorzystują style tabletów. Rozwiązaniem, które wymyśliłem, było https://github.com/barisaydinoglu/Detectizr wykrycie tabletów, a następnie ręczne załadowanie arkusza stylów. Miałem zamiar przeprowadzić dalsze badania. – Tom
Przykro mi, źle zrozumiałem pytanie. Nie zdawałem sobie sprawy, że chciałeś tylko, aby css były stosowane na tabletach, a nie na komputerach z ekranami tej samej wielkości co tablety. Ciekawe, czy istnieje jakiś powód, dla którego chcesz konkretnie kierować reklamy na tablety? Czy styl tabletów nie byłby tak użyteczny dla małych ekranów komputerowych? – tw16