How to adjust a custom text editor to mobile version

Asked

Viewed 40 times

0

Is there any way to adjust an editor on the screen, in the mobile version, without using css: zoom:0.1 or transform:scale(0.1). I need to make the CSS element: .main{} which is CSS of the container of the entire editor, if it fits on the cell screen, but when I use the attributes of zoom or Scale of CSS3, it totally loses the origin of the scribble of the pen of the editor... I don’t know what I’m doing wrong... It can be in javascript, or with some metatag viewport, I do not know how to make it scroll, I’ve tried using Transform, and readjusting the editor plugin by passing new coordinates, however it does not suit all screen platforms, it is distorting a lot... Does anyone have an idea how to do that?

inserir a descrição da imagem aqui

  • 1

    The first step I think would be to actually put the <meta name="viewport" content="width=device-width, initial-scale=1"> and see how everything will behave. And the second thing is to put everything in %measures, nothing in fixed value, and test

  • I believe that these types of plugins are not meant to be responsive.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.