18034 sujets

Questions générales et questions de débutants

[Résolu] Quel est le meilleur choix css pour les tablettes smartphone

Bonjour,
Je suis toujour sur la résolution de mes aspects de site en fonction des nombreux supports
modernes Smiley smile
En fait j'ais lu les topos un peut partout, surtout "chez nouis" (ICI Smiley cligne )
Mais Google semble me pousser à utiliser des appels de pages CSS par les balises
du DOCTYPE, alors que je leur avait bien mis dans ma feuille de style

@media screen and (max-width:900px)
{
/* ETC.... */
} 
@media (max-width: 640px) {
/* ETC... */
}

Ayant bien sur dans mon DOCTYPE 5

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


Google préfére (apparemment Smiley rolleyes )
(Copié collé de leur exemple)

<link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css">
    <link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css">
    <link rel="stylesheet" media="(orientation: portrait)" href="portrait.css">
    <link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">
    <style>
      @media (min-width: 500px) and (max-width: 600px) {
        h1 {
          color: fuchsia;
        }

        .desc:after {
          content:" In fact, it's between 500px and 600px wide.";
        }
      }
    </style>


J'aimerai que nos spécialistes ici me guide un peut s'ils travaillent même le dimanche Smiley confused
Qui chez Google?
J'ai reçu un message contraire de Google, me disant que 'avoir mis des link CSS n'était pas bien et qu'il était préférable de l'intégrer dans la page pour réduire le nombre d'interactions.

En fait, ils font des remarques, c'est à nous de décider si elles nous paraissent juste ou pas.
Il en va de même quand ils demandent de mettre des fichiers en cache ou de faire des réductions de taille. C'est nous qui savons si les choses sont stables ou non.
Bonjour,

Serait il possible d'avoir une URL afin de vérifier tout cela ?

Le problème concerne-il bien la non-adaptation du site aux navigateurs mobile ?
Oui c'est bien google qui m'envoie un mail par site de mon compte !
Par exemple pour http://www.fox-infographie.com/
Et dans les méandres des aides google (en cliquant sut les liens de l'un de ces mail )
ils expliquent ce que je vous ai dit !

Papy JP je comprends ta réaction, mais étant très bien référencé chez google je suis partout ses conseils,car crois moi les choses en la matière ont bien changées !! les autres moteurs suivent avec soins google !

Voila pourquoi je fait très attention aux outils google et les excellents conseils qui s'y trouvent !!

De plus tu peux avoir ton avis, alors je suis super preneur !! pour toi ma méthode est-elle plus souple et facile a mettre en oeuvre que la leur ? (moi je crois)
Merci pour le lien Smiley smile

Et bien, c'est assez simple : malgré ta meta et tes media queries, le site présente une barre de scroll horizontale sur mobile, il y a pas mal de choses a régler dans ta media query mobile Smiley smile
Pas de souci Smiley smile

J'aurais bien voulu te donner des indications plus techniques mais je n'ai que mon mobile sous la main Smiley cligne
La chance je tombe sur la solution,
Un énorme DIV généré par Facebook ! donc le Like est viré sur tablette
Pour le reste j'ais corrigé les fontes mal adaptées !!
Encore mille mercis !
Bien Smiley smile

Par contre, tout n'est pas réglé au poil : penser a passer le texte de labeur en alignement a gauche au lieu de ces blocs de texte mal justifiés Smiley cligne
audrasjb a écrit :
Bien Smiley smile

Par contre, tout n'est pas réglé au poil : penser a passer le texte de labeur en alignement a gauche au lieu de ces blocs de texte mal justifiés Smiley cligne

Merci du conseil Smiley smile
PapyJP a écrit :
Qui chez Google?
J'ai reçu un message contraire de Google, me disant que 'avoir mis des link CSS n'était pas bien et qu'il était préférable de l'intégrer dans la page pour réduire le nombre d'interactions.

En fait, ils font des remarques, c'est à nous de décider si elles nous paraissent juste ou pas.
Il en va de même quand ils demandent de mettre des fichiers en cache ou de faire des réductions de taille. C'est nous qui savons si les choses sont stables ou non.

A titre indicatif regardes cette page google
https://developers.google.com/web/fundamentals/layouts/rwd-fundamentals/use-media-queries?hl=fr#appliquer-des-requtes-mdia-sur-la-base-de-la-taille-de-la-fentre-daffichage
Sujet clos
Aller à