Bonjour,
Je développe un outil de messagerie intene dans lequel j'y ai ajouter Tinymce 3.x.

Je réalise une nouvelle version de mon application avec la possibilité de l'afficher sur tout écran.

Pour rendre le textarea responsive j'utilise le CSS suivant:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/*============================ TINY MCE RESPONSIVE =============================*/
 
table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
	height: auto !important;
}
 
/* make the toolbar wrap */
.mceToolbar td {
	display:table-row;
	float: left;
}
.mceToolbar td:nth-of-type(11){
	clear: left;
}
 
@media only screen and (min-width: 600px) {
    table.mceLayout, textarea.richEditor {
       width: 600px !important;
    }
 
    /* remove the toolbar wrap */
    .mceToolbar td {
	    display:table-cell;
	    float: none;
    }
    mceToolbar td:nth-of-type(11){
	    clear: none;
    }
}
Sur mon ordi tout fonctionne très bien dans les différents navigateurs notamment avec la fonction F12 de Chrome, mais lorsque j'essaye de l'afficher sur un téléphone mobile il semble que le CSS ne soit pas pris en compte.

Quelqu'un a une idée pour résoudre ce problème.

Merci d'avance