Baidu Deputy Text Editor automatically zoom the uploaded picture

In the use of Baidu Deputy text editor when there is a very vexed bug:

：

Is the picture is too large, beyond the comment box, which CSS and HTML is not very reasonable to write about, there is also a sub-text editor does not do the processing:

Processing method:

1. Go to the Themes folder in the secondary text editor:

2. Modify the Iframe.css file

3. Edit the following code in the file:

img {    max*/* Picture Adaptive width */}body {    overflow-y:scroll!  important;}. View {    Word-break Break-all;}. Vote_area {    display:block;}. vote_iframe {    background-color:transparent;     0 none;     +/* Remove the stretched border that appears after clicking the picture * / 

4. Ideal results for editors

Of course, this is just the editor's picture zoom function settings, the page CSS style has not been rewritten well!!! 5, rewrite CSS style!

Add this balm code to the CSS in the content area of the display interface:

Principle: Let the size of the content area of the small image unchanged, the larger image with the size of the content box changes

div.content img {  max-width: 100%;      }

The final result:

Baidu Deputy Text Editor automatically zoom the uploaded picture