Discussion :

[laurentg2017]

Bonjour ,
J'ai décidé de faire un site amp donc sans javascript ce qui n'est pas facile pour moi
J'ai le choix avec les media querries de faire un site web unique avec un même HTML et deux css différents
ou de faire deux versions du sites différentes avec des display :none sur la même page
Perso je trouve que l'on contrôle mieux les choses avec deux sites différents
Mon probleme:2 sites differents sur une même page dans un même body
genre <div id="pc"> et <div id="mobile"> avec un contenu identique
Google pour le référencement va prendre les choses comment?

Merci pour vos conseils

[laurentg2017]

La réponse est évidement un seul HTML et un seul contenu et 2 CSS différents

[Invité]

La réponse est évidement un seul HTML et un seul contenu et 2 CSS différents

Avis partagé mais plus académique je proposes dans ton DOCTYPE de mentionner

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<meta name=viewport content="width=device-width, initial-scale=1">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->

Et un seul CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
/* exemple */
div.home{position:fixed;top:4px;left:4px;overflow:hidden;z-index:50;}

@media screen and (max-width:1024px){
div.home{position:fixed;top:0px;left:0px;overflow:hidden;z-index:50;}
}

@media (max-width:640px){body, element1, element2{width:auto;margin:0;padding:0;}
div.home{position:fixed;top:14px;left:14px;overflow:hidden;z-index:50;}
}

Voila !!