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
    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 chevronné
    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
    Il ne pleut jamais en Moselle !

  3. #3
    Futur Membre du Club
    Merci donc en gros c'est du 320px min ..?

    il y a du vent en provence

  4. #4
    Expert éminent sénior
    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)
    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
    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
    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

###raw>template_hook.ano_emploi###