百度富文本編輯器自動縮放上傳的圖片

　　在使用百度副文本編輯器的時候出現一個很苦惱的bug:

上圖：

就是圖片太大，超出了評論框，這其中css和html寫的不大合理有關外，還有副文本編輯器沒有做處理：

處理方法：

1.來到副文本編輯器的themes文件夾內：

2.修改iframe.css文件

3.在該文件里面編輯以下代碼：

img {
    max-width: 100%; /*圖片自適應寬度*/
}
body {
    overflow-y: scroll !important;
}
.view {
    word-break: break-all;
}
.vote_area {
    display: block;
}
.vote_iframe {
    background-color: transparent;
    border: 0 none;
    height: 100%;
}
#edui1_imagescale{display:none !important;} /*去除點擊圖片后出現的拉伸邊框*/

 

 

4.編輯器理想的結果

 當然這只是編輯器的圖片縮放功能設置好了，頁面的css樣式還沒有改寫好！！！

5，改寫css樣式！

在顯示界面的內容區的css加上這一個萬金油代碼：

原理：讓內容區的小圖大小不變，大圖就隨着內容盒子的大小改變

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

最后的結果：