這篇“Bootstrap與UEditor中Css沖突問題怎么解決”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“Bootstrap與UEditor中Css沖突問題怎么解決”文章吧。

創(chuàng)新互聯(lián)建站成都網(wǎng)站建設(shè)按需制作，是成都網(wǎng)站設(shè)計(jì)公司,為水泥攪拌車提供網(wǎng)站建設(shè)服務(wù),有成熟的網(wǎng)站定制合作流程，提供網(wǎng)站定制設(shè)計(jì)服務(wù)：原型圖制作、網(wǎng)站創(chuàng)意設(shè)計(jì)、前端HTML5制作、后臺(tái)程序開發(fā)等。成都網(wǎng)站制作熱線：028-86922220

UEditor組件是百度提供的一套開源的web在線所見即所得富文本編輯器，具有輕量，可定制，注重用戶體驗(yàn)等特點(diǎn)，基于MIT協(xié)議，功能很強(qiáng)大。最近在使用的過程中發(fā)現(xiàn)其中上傳的圖片（或者插入已有的表情包圖片）都無法正常縮放，選中圖片，用鼠標(biāo)點(diǎn)擊并拖動(dòng)圖片邊沿的小標(biāo)簽，圖片只能縮小不能放大。嘗試過很多方法都沒辦法解決，甚至檢查了js源碼，也沒有發(fā)現(xiàn)有任何異常的地方。

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。

以上就是關(guān)于“Bootstrap與UEditor中Css沖突問題怎么解決”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文標(biāo)題：Bootstrap與UEditor中Css沖突問題怎么解決
轉(zhuǎn)載來于：http://jinyejixie.com/article30/gggsso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、App設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、用戶體驗(yàn)、網(wǎng)站建設(shè)、商城網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)