IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Responsive minimum pour un site web


Sujet :

HTML

  1. #1
    Futur Membre du Club Avatar de thosma96
    Homme Profil pro
    Consultant E-Business
    Inscrit en
    Mai 2019
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 27
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Consultant E-Business
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mai 2019
    Messages : 7
    Points : 6
    Points
    6
    Par défaut Responsive minimum pour un site web
    Bonjour, petite question de débutant, je suis actuellement entrain de créer un site web et je me creuse la tête pour l'adapter à tous les écrans mais jusqu'à quelle dimension il est préférable de l'adapter?


    l'inspecteur de mozilla va jusqu’à 50px (de largeur) je sais que c'est un extrême mais quand même.

    mozilla me propose un un screen de Nokia 8110...

  2. #2
    Membre émérite Avatar de vttman
    Homme Profil pro
    Développeur "couteau mosellan"
    Inscrit en
    Décembre 2002
    Messages
    1 140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Développeur "couteau mosellan"
    Secteur : Industrie

    Informations forums :
    Inscription : Décembre 2002
    Messages : 1 140
    Points : 2 286
    Points
    2 286
    Par défaut
    Bonjour,
    En installant l'extension web developer sous son navigateur préféré ...
    puis en prenant l'option resize -> view resize layouts on a déjà je pense les configurations les plus répandus Nom : Capture.JPG
Affichages : 165
Taille : 73,6 Ko
    Emérite, émérite je ne pense pas ... plutôt dans le développement depuis FORT FORT longtemps, c'est mon job, ça oui
    A part ça ... Il ne pleut jamais en Moselle !

  3. #3
    Futur Membre du Club Avatar de thosma96
    Homme Profil pro
    Consultant E-Business
    Inscrit en
    Mai 2019
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 27
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Consultant E-Business
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mai 2019
    Messages : 7
    Points : 6
    Points
    6
    Par défaut
    Merci donc en gros c'est du 320px min ..?

    il y a du vent en provence

  4. #4
    Expert éminent sénior
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 223
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 223
    Points : 15 516
    Points
    15 516
    Par défaut
    la largeur minimum dépend aussi du public du site. si par exemple vous faites un intranet pour une entreprise qui utilise majoritairement IE 8, vous n'avez pas besoin de passez beaucoup de temps sur les effets responsifs pour les petits écrans. (à partir du moment où vous devez vous battre avec IE 8, il ne vous reste plus beaucoup d'énergie )

    un autre exemple qui date d'il y a 1 an environ. j'ai discuté avec un intégrateur HTML qui finissait les derniers détails d'un site grand public.
    il est parti sur des statistiques d'utilisation des smartphones et il s'est basé sur l'iphone 4 (sorti en 2010 donc pendant les années où IE 8 était en cours d'utilisation) et donc il faisait ces tests jusqu'à un minimum de 640 px de largeur, il n'avait pas besoin d'aller plus bas.

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    on peut aussi se fier (par exemple) aux breakpoints définis par Bootstrap : https://getbootstrap.com/docs/4.3/la...ve-breakpoints

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    // Extra small devices (portrait phones, less than 576px)
    // No media query for `xs` since this is the default in Bootstrap
     
    // Small devices (landscape phones, 576px and up)
    @media (min-width: 576px) { ... }
     
    // Medium devices (tablets, 768px and up)
    @media (min-width: 768px) { ... }
     
    // Large devices (desktops, 992px and up)
    @media (min-width: 992px) { ... }
     
    // Extra large devices (large desktops, 1200px and up)
    @media (min-width: 1200px) { ... }

  6. #6
    Membre émérite Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Points : 2 589
    Points
    2 589
    Par défaut
    Personnellement je ne gère pas en dessous de l'iphone 5 soit 320px de large (ce qui me semble est déjà très bien).
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  7. #7
    Futur Membre du Club Avatar de thosma96
    Homme Profil pro
    Consultant E-Business
    Inscrit en
    Mai 2019
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 27
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Consultant E-Business
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Mai 2019
    Messages : 7
    Points : 6
    Points
    6
    Par défaut
    Merci de vos réponses.

    j'ai décider de faire comme toi @Hiron moins de 320px c'est plus des téléphones très utiliser actuellement.

    Mdr @mathieu bosser sur du IE8 faut avoir un mental solide

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. adapter un jeu pour un site web
    Par blastien dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 23/02/2006, 18h37
  2. Répertoire de session défirent pour chaque site web.
    Par The Tiger Man dans le forum Apache
    Réponses: 2
    Dernier message: 19/01/2006, 17h48
  3. recherche pour presentation site web sur PC et app. mobile
    Par Marc_3 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 03/04/2005, 16h33
  4. hote virtuel pour autre site web
    Par vedder dans le forum Apache
    Réponses: 8
    Dernier message: 27/07/2004, 15h25

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo