Pour les petits écrans

Le
Pascale
Récemment, j'ai fait une modification sur un site : un menu à gauche passé
en position « fixed » histoire qu'il reste en place quand on fait défiler
les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des
couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands,
donc je vais devoir revenir en arrière.
Donc je me suis posé la question de savoir comment on pouvait déterminer
que l'utilisateur se connecte au site avec un petit écran (reste à définir
petit, oui, je sais), que ce soit un netbook ou un téléphone portable.
Comment s'y prendre pour utiliser une feuille de style différente selon
l'écran de l'utilisateur ?

--
Pascale
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
rm
Le #22678671
Salut Pascale,
Le vendredi 15 octobre 2010 à 17:08, Pascale a écrit :

Récemment, j'ai fait une modification sur un site : un menu à gauche passé
en position « fixed » histoire qu'il reste en place quand on fait défiler
les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des
couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands,
donc je vais devoir revenir en arrière.
Donc je me suis posé la question de savoir comment on pouvait déterminer
que l'utilisateur se connecte au site avec un petit écran (reste à définir
petit, oui, je sais), que ce soit un netbook ou un téléphone portable.
Comment s'y prendre pour utiliser une feuille de style différente selon
l'écran de l'utilisateur ?



Utiliser des Media queries ?
http://dev.opera.com/articles/tags/media%20queries/

Un exemple de site qui exploite très bien ces choses :
http://www.juslisen.com/

@+
--
rm
Pascale
Le #22678741
rm
Utiliser des Media queries ?
http://dev.opera.com/articles/tags/media%20queries/

Un exemple de site qui exploite très bien ces choses :
http://www.juslisen.com/



Je te remercie, je vais voir ces sites.

--
Pascale
Anne G
Le #22678731
15/10/10 09:15, rm:
Salut Pascale,
Le vendredi 15 octobre 2010 à 17:08, Pascale a écrit :

Récemment, j'ai fait une modification sur un site : un menu à gauche passé
en position « fixed » histoire qu'il reste en place quand on fait défiler
les pages. Vu d'un écran 21" c'est mieux qu'avant, mais j'ai eu des
couinements d'utilisateurs d'écrans genre netbook ou à peine plus grands,
donc je vais devoir revenir en arrière.
Donc je me suis posé la question de savoir comment on pouvait déterminer
que l'utilisateur se connecte au site avec un petit écran (reste à définir
petit, oui, je sais), que ce soit un netbook ou un téléphone portable.
Comment s'y prendre pour utiliser une feuille de style différente selon
l'écran de l'utilisateur ?



Utiliser des Media queries ?
http://dev.opera.com/articles/tags/media%20queries/

Un exemple de site qui exploite très bien ces choses :
http://www.juslisen.com/



J'ai eu la surprise, l'autre jour, de voir apparaître une page Web
adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent
Switcher sur cette option :)
rm
Le #22678781
Le vendredi 15 octobre 2010 à 18:19, Anne G a écrit :

[...]
Comment s'y prendre pour utiliser une feuille de style différente selon
l'écran de l'utilisateur ?



Utiliser des Media queries ?
http://dev.opera.com/articles/tags/media%20queries/

Un exemple de site qui exploite très bien ces choses :
http://www.juslisen.com/



J'ai eu la surprise, l'autre jour, de voir apparaître une page Web
adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent
Switcher sur cette option :)



Si c'est du vulgaire browser-sniffing, c'est pas rigolo :-[
Enfin, le site n'était peut-être pas optimisé uniquement pour cet
appareil...

@+
--
rm
yamo'
Le #22682811
Salut,

Anne G a tapoté, le 15/10/2010 18:19:
J'ai eu la surprise, l'autre jour, de voir apparaître une page Web
adaptée pour iPhone dans mon laptop, parce que j'avais réglé User Agent
Switcher sur cette option :)




Je vois que tu as encore des ennuis avec les titres, encore une fois je
constate que tu changes l'encodage par rapport au message auquel tu
réponds alors qu'apparemment l'iso-8859-15 n'est pas nécessaire dans ton
message, as tu essayé en mettant le réglage par défaut*?

L'idéal serait de faire un rapport de bug sur

* par défaut Seamonkey ne change pas l'encodage sauf si c'est nécessaire.

--
Stéphane
http://pasdenom.info
Publicité
Poster une réponse
Anonyme