Bootstrap 3的box-sizing樣式導致UEditor控件的圖片無法正?？s放的解決方案
UEditor組件是百度提供的一套開源的web在線所見即所得富文本編輯器，具有輕量，可定制，注重用戶體驗等特點，基于MIT協(xié)議，功能很強大。最近在使用的過程中發(fā)現(xiàn)其中上傳的圖片（或者插入已有的表情包圖片）都無法正?？s放，選中圖片，用鼠標點擊并拖動圖片邊沿的小標簽，圖片只能縮小不能放大。嘗試過很多方法都沒辦法解決，甚至檢查了js源碼，也沒有發(fā)現(xiàn)有任何異常的地方。
后來無意中發(fā)現(xiàn)頁面上引入了Bootstrap，而Bootstrap默認將box-sizing樣式統(tǒng)一設成border-box了。具體內容可以查看Bootstrap的發(fā)布日志：http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/
有關box-sizing樣式的定義和用法可以看這里：http://www.w3school.com.cn/cssref/pr_box-sizing.asp
Bootstrap中有影響的css：
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
我們只需要在頁面上重新定義css來覆蓋Bootstrap中的上述樣式即可，如：
.edui-container *{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.edui-container *:before,
.edui-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
* .edui-container為引用UEditor組件的父元素上使用的css class。
以上所述是小編給大家介紹的Bootstrap 3的box-sizing樣式導致UEditor控件的圖片無法正常縮放的解決方案的全部敘述，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復大家的！
相關文章
這篇文章主要為大家詳細介紹了pc加載更多功能和移動端下拉刷新加載數(shù)據(jù),具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
JavaScript SHA1加密算法實現(xiàn)詳細代碼
這篇文章主要為大家詳細介紹了JavaScript SHA1加密算法實現(xiàn)代碼，具有一定的參考價值，感興趣的朋友可以參考一下2016-10-10
這篇文章主要介紹了瀏覽器調試動態(tài)js腳本的方法，文中給大家?guī)韮煞N調試方法，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2018-01-01
本文主要介紹了js仿淘寶商品放大預覽功能的實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
這篇文章主要為大家詳細介紹了layUI實現(xiàn)前端分頁和后端分頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
json數(shù)據(jù)處理技巧(字段帶空格、增加字段、排序等等)
json數(shù)據(jù)處理技巧例如：正常取值、字段帶空格、賦值、增加字段、排序、拷貝、數(shù)組添加和刪除等，詳細請參考本文或許對你有所幫助2013-06-06
JavaScript+CSS實現(xiàn)仿天貓側邊網(wǎng)頁菜單效果
這篇文章主要介紹了JavaScript+CSS實現(xiàn)仿天貓側邊網(wǎng)頁菜單效果,涉及javascript鼠標事件及頁面元素動態(tài)操作的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
ES6已經(jīng)不再是JavaScript最新的標準，但是它已經(jīng)廣泛用于編程實踐中。下面通過本文給大家分享前端開發(fā)不得不知的10個最佳ES6特性，感興趣的朋友參考下吧2017-08-08
javascript解析ajax返回的xml和json格式數(shù)據(jù)實例詳解
這篇文章主要介紹了javascript解析ajax返回的xml和json格式數(shù)據(jù),結合實例形式詳細分析了JS ajax調用及返回值中xml與json格式數(shù)據(jù)的處理技巧,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了浮動的div自適應居中顯示的js代碼，有需要的朋友可以參考一下2013-12-12