Discussion :

[mikael2235]

Bonjour à tous,

J'utilise un thème CSS Wordpress, et je souhaite modifier un affichage pour mettre un texte en vertical sur la version PC (landscape), et la laisser tel quel pour la version smartphone, puisque l'orientation est en portrait
J'ai cru comprendre qu'il fallait modifier le @media corespondant, ou en ajouter un si besoin. (Je ne suis pas un expert en dev !!)

Voila ce que j'ai dans mon responsive.css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
[10] @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
[87] @media only screen and (max-width: 1440px) {
[90] @media only screen and (min-width: 1400px) and (max-width: 1700px) {
[108] @media only screen and (min-width: 960px) and (max-width: 1200px) {
[210] @media only screen and (min-width: 760px) and (max-width: 960px) {
[549] @media only screen and (min-width: 760px) and (max-width: 1025px) {
[572] @media only screen and (min-width: 760px) {
[582] @media only screen and (max-width: 760px) {
[1246] @media only screen and (min-width: 420px) and (max-width: 760px) {
[1252] @media only screen and (min-width: 400px) and (max-width: 420px) {
[1258] @media only screen and (max-width: 400px) {

Pouvez vous me guider sur le @media à modifier ?

Merci pour votre aide.
Mikael

[Invité]

Bonjour,

comprends-tu la signification de min-width et max-width ?

Si oui, où est le problème ?

[mikael2235]

oui je pense !!
On parle bien de la résolution de l'écran d'affichage ??

Donc quelle différence entre la résolution de mon tel Galaxy A7 (1920 x 1080 (FHD)) et un ecran de PC à part l'orientation ??

[Invité]

Oui.

et l'orientation intervertit largeur et hauteur

[mikael2235]

Bonjour,

Merci j'ai fais mes essais et ça fonctionne maintenant.