5
Mam ustawione następujące zapytania o media, aby kierować reklamy na różne urządzenia z systemem iOS (iPad3, iPad2, iPhone4, iPhone3). Kiedy ładuję tę stronę na iPhonie3 i iPadzie2, poprawne divy są kolorowe. Kiedy jednak ładuję tę stronę za pomocą iPada3, ładowane są style iPad2 I iPhone4, ale NIE iPada3. (W tej chwili nie można przetestować iPhone4.) Jakieś pomysły?Problem z zapytaniami o media CSS na urządzeniach z systemem iOS
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
<link rel="stylesheet" href="ipad3.css" media="only screen and (min-device-width:1536px) and (max-device-width:2048px) and (-webkit-min-device-pixel-ratio:2)" type="text/css" />
<link rel="stylesheet" href="ipad2.css" media="only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:0)" type="text/css" />
<link rel="stylesheet" href="iphone4.css" media="only screen and (min-device-width:640px) and (max-device-width:960px) and (-webkit-min-device-pixel-ratio:2)" type="text/css" />
<link rel="stylesheet" href="iphone3.css" media="only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:0)" type="text/css" />
</head>
<body>
<div id="ipad3" style="width:200px;height:200px;border:1px solid black"></div>
<div id="ipad2" style="width:200px;height:200px;border:1px solid black"></div>
<div id="iphone4" style="width:200px;height:200px;border:1px solid black"></div>
<div id="iphone3" style="width:200px;height:200px;border:1px solid black"></div>
ipad3 should be RED
<br>
ipad2 should be GREEN
<br>
iphone4 should be BLUE
<br>
iphone3 should be ORANGE
</body>
</html>
..i to 4 pliki CSS są odpowiednio zakodowane (w tym przykładzie jest to plik iPad3.css):
#ipad3 { background-color: red; }
Dlaczego usunąłeś to pytanie, aby poprosić o ponowne? – BoltClock
Wyjaśniłem problem w sposób znaczący i dostarczyłem łatwy przykład, aby ludzie mogli się wypróbować - lepiej niż edytowanie oryginału. –