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:
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.
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; } }
Quelqu'un a une idée pour résoudre ce problème.
Merci d'avance
Partager