1485 sujets

Web Mobile et responsive web design

Bonjour
Suis entrain de créer mon site en essayant de le "responsiver" avec des Media Queries
Il n'y a que sur Safari que ça ne marche pas lorsque je redimensionne la fenêtre du navigateur.
Y aurait il un soucis dans le début de ma page html ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Copie_de_Essai</title>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="saxAndSong_2.css" rel="stylesheet" media="screen" type="text/css" />

ou dans ma css ?


@media screen and (max-width:320px){
#navigation {
margin: 0;


etc....
le site en chantier :
http://www.saxo-jazz-animation.com/Copie_de_accueilBis.htm

merci pour votre aide
Simple souci de cascade, la media query suivante
@media screen and (max-width: 480px)
prend le dessus.