Forum PHP.pl > [CSS]początki z media queries

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]początki z media queries

marcus753

9.05.2014, 11:05:25

witajcie mam mały problem z poniższym kodem, po prostu divy podczas skalowania muszą zmienić swój kolor z czerwonego na zielony, w przeglądarce wszystko jest ok ale w telefonie cały czas są czerwone. Jak to obejść ? jquery wyświetla rozdzielczość ekranu (400x640)

[HTML] pobierz, plaintext 
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>25 lat GW</title>
 
	<style type="text/css">
	.content {
	width:100%;
	height:100px;
	line-height:100px;
	margin-top:30px;
	text-align:center;
	font-size:22px;
	background:red;
	}
 
@media all and (min-width:100px) and (max-width:800px) {
	.content {
		background:yellow;
	}
}
	</style>
<script type="text/javascript">
alert(screen.width);
alert(screen.height);
</script>
</head>
 
<body>
<div class="content">kontener 1</div>
<div class="content">kontener 1</div>
<div class="content">kontener 1</div>
</body>
</html>
[HTML] pobierz, plaintext

Będę wdzięczny za pomoc jak sobie z tym radzicie ? Po prostu przeglądarki w telefonach podszywają się pod wyższą rozdzielczość i skalują strony po swojemu...

Tuminure

9.05.2014, 11:17:56

Dorzuć jeszcze i powinno działać

[HTML] pobierz, plaintext 
<meta name="viewport" content="width=device-width">
[HTML] pobierz, plaintext

PS.

Cytat

podczas skalowania muszą zmienić swój kolor z czerwonego na zielony

Tja... zielony...

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.