Hallo,

Ik ben bezig met mijn website responsive te maken via Media Queries.
Het werkt uitstekend alleen willen de iphones(5c) niet mee werken.
Dus dan werkt mijn code niet op safari mijn vraag is dus hoe zit het met media queries op safari?

Mijn code:

@media screen and (max-width: 675px) {
	.smart{
		background-image:none;
	}
}


@media screen and (max-width: 430px) {
	#small-block h2 span{
		display:block;
	}
}


@media screen and (max-width: 400px) {
	.header{
		height: 32px;
		background-image:none;
	}
	.header #name{
		font-size: 12px;
		margin-top:0px;
		margin-left:10px;
	}
}

Citaat van M.Beers

Media queries worden gewoon ondersteund door Safari... wel kan het zijn dat je je viewport moet aanpassen omdat de resoluties afwijken

Code

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Dankje het probleem is nu verholpen.

Slotje graag