CSS et compatibilité IE

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par poupilou, 10 Avril 2015.

  1. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    841
    J'aime reçus:
    10
    Salut à tous,

    Je suis entrain de bosser pour rendre mes sites mobile-friendly et j'ai quelques questions :

    1) Concernant mes images, j'ai lu ici et là, qu'il fallait soit supprimer des width et height du code html des images soit utiliser un script qui recrée l'image, la redimensionne, la compresse et la stock dans un répertoire temp. Je voudrais opter pour la première solution (supprimer des width et height du code html). Pour des raisons de positionnement d'images, j'ai parfois des images qui sont dans un tableau html et le fait d'enlever le width et height dans ces images ne change rien, les images ne se redimensionne pas avec un smartphone :( Y a-t-il une solution (css ou autres) pour que les images qui sont incluses dans les tableaux html se redimensionnent aussi avec un mobile ?

    2) J'ai lu sur cette page qu'il était bon d'utiliser le polyfill « respond.js » pour que ça fonctionne avec IE7 et supérieur. Si j'utilise « respond.js » sur mon site, est-ce que les hack css pour IE que j'avais mis en place dans mon fichier css sont encore utiles ?

    3) Quelle grosseur de font utilisez par défaut dans la balise body du fichier css pour les medias queries : 0.8em, 0.9em, 1em, ou supérieur ?

    Merci pour vos réponses.
     
  2. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    841
    J'aime reçus:
    10
    Ok je vois que mon sujet passionne :lol:

    J'ai 2 autres questions, peut-être qu'elles auront plus de succès :p :

    1) Je voudrais inclure un fichier javascript uniquement si la résolution d'écran n'est pas celle d'un mobile ou d'une tablette, comment faire cela ? En php il faut passer par un redirection pour détecter la résolution, est-il possible de faire une détection de résolution d'écran en javascript sans redirection et sans mettre en place une usine à gaz ?

    2) Quelle est la technique pour inclure une page spéciale adaptée pour les mobiles à la place d'une page standard (pour les ordi) ? Là aussi faut-il passer par une résolution d'écran ? L'url de ces 2 pages (mobiles et ordi) doivent-elles être différentes ou identiques ? Cela pose-t-il un souci particulier pour le référencement de ces 2 pages ?

    Merci pour vos réponses.
     
  3. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 119
    J'aime reçus:
    317
    1) En JS: un if (width) + document.createElement('script')
    2) en détectant le UA côté serveur.
     
  4. poupilou
    poupilou WRInaute impliqué
    Inscrit:
    9 Février 2004
    Messages:
    841
    J'aime reçus:
    10
    Merci spout.

    Quelle est la liste complète des UA pour mobiles et tablettes actuellement en service ?

    J'ai cette liste ci-dessous :
    Code:
    $mobile = array('iphone', 'android', 'blackberry', 'symb', 'ipad', 'ipod', 'phone');
    
    Est-elle complète, suffisante ?
     
  5. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 119
    J'aime reçus:
    317
Chargement...
Similar Threads - CSS compatibilité Forum Date
Compatibilité CSS avec IE, FF, Safari, ... Développement d'un site Web ou d'une appli mobile 19 Août 2011
HTML5 & CSS3 readiness / Tableau de compatibilité HTML5 & CSS3 Le café de WebRankInfo 19 Avril 2010
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019