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 : 23
    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 expérimenté Avatar de vttman
    Homme Profil pro
    Mainframe et le WE (SQL et CSS)
    Inscrit en
    décembre 2002
    Messages
    856
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : Mainframe et le WE (SQL et CSS)
    Secteur : Industrie

    Informations forums :
    Inscription : décembre 2002
    Messages : 856
    Points : 1 640
    Points
    1 640
    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 : 51
Taille : 73,6 Ko
    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 : 23
    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
    7 298
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juin 2003
    Messages : 7 298
    Points : 11 447
    Points
    11 447
    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
    Rédacteur/Modérateur
    Avatar de jreaux62
    Homme Profil pro
    Webdesigner
    Inscrit en
    août 2008
    Messages
    16 005
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 52
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webdesigner
    Secteur : Arts - Culture

    Informations forums :
    Inscription : août 2008
    Messages : 16 005
    Points : 32 783
    Points
    32 783
    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) { ... }
    "Si tu suis le chemin qui s'appelle « plus tard », tu arriveras à la place qui s'appelle « jamais »."
    François Camille Prévot (1910-1996), instituteur puis Directeur d'école et... mon grand-père.
    "Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
    Albert Einstein (1879-1955).
    Mes tutos DVP
    Gestion-Affichage de Nouvelles
    Affichage en tableau HTML
    Fonctions de redimensionnement d'images

  6. #6
    Membre émérite Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    août 2007
    Messages
    2 034
    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 034
    Points : 2 588
    Points
    2 588
    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 : 23
    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