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

Webdesign & Ergonomie Discussion :

Page Web sur mobile


Sujet :

Webdesign & Ergonomie

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Linio
    Inscrit en
    Octobre 2005
    Messages
    431
    Détails du profil
    Informations forums :
    Inscription : Octobre 2005
    Messages : 431
    Par défaut Page Web sur mobile
    Bonjour à tous.

    Je dois développer une page visible sur téléphone mobile.
    La page est tout à fait simple, en gros il s'agit d'un agenda avec une liste d'événements.

    Je cherche à faire un affichage multimobile, mais j'aimerais ne pas avoir à faire des centaines de CSS pour ce faire.

    Cependant, je remarque très rapidement que les mobiles ne traitent pas ma page "correctement", dans le sens où les tableaux s'affichent comme ils s'afficheraient sur un navigateur de PC donc on voit tout très petit, sans pour autant que j'ai spécifié de taille quelconque pour aucun de mes éléments qui pourrait bloquer la page (pas de font-size, de width en px, rien de ce genre)

    Je suis obligé de spécifier des tailles de police démentes pour que mon site ressemble à quelque chose sur un iphone par exemple.

    Quand je vais sur un site comme touch.facebook.com il s'affiche tout à fait correctement sur un desktop (et ce même si je précise un user agent de type iphone), et je vois que tout "reste" par défaut. Comment font il pour que ça fonctionne sans problème?

    C'est probablement une question naïve mais bon, là j'avoue que je ne comprends pas comment fonctionne les webkit pour rendre une page...

  2. #2
    Membre éclairé Avatar de LhIaScZkTer
    Inscrit en
    Mai 2004
    Messages
    564
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Mai 2004
    Messages : 564
    Par défaut
    Salut Linio,

    Pour un affichage mobile tu peux spécifier une feuille de style pour appareil mobile :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    < link rel="stylesheet" href="style.css" type="text/css" media="handheld" / >
    Tu peux aussi jouer avec le mediaquery pour donner une mise en page en fonction de la résolution.

    Ce qu'il y a de bien sur l'Iphone c'est qu'il gère assez bien le html5 et les CSS3. Sur mon smartphone j'ai opera mini qui lui est très limité gestion CSS, mais j'arrive à avoir de bonnes interfaces.

    Bonne journée.

Discussions similaires

  1. tester les pages web sur un terminal mobile
    Par houssematic dans le forum ASP.NET
    Réponses: 3
    Dernier message: 29/08/2013, 00h28
  2. Impression d'une page web sur plusieurs pages papier
    Par Spidyy dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 20/06/2006, 17h42
  3. Imprimer une page web sur une seule feuille ?
    Par guidav dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 21/04/2006, 11h26
  4. retourner une page web sur le port 80 en gcc
    Par jfcocu dans le forum Réseau
    Réponses: 9
    Dernier message: 23/11/2005, 14h15
  5. Page web sur Access
    Par amallely dans le forum Access
    Réponses: 2
    Dernier message: 21/10/2005, 10h40

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