Bootstrap 3のボックス-sizingスタイルがUEditorコントロールの画像を正常に拡大縮小できない解決策

UEditorコンポーネントは百度が提供するオープンソースのウェブオンラインの所见即所得のリッチテキストエディタで、軽量、カスタマイズ可能、ユーザーエクスペリエンスに注目している特徴があり、MITライセンスに基づいて、機能が非常に強力です。最近の使用中に、アップロードされた画像（または既存の表情パックの画像）が正常に拡縮できないことを発見しました。画像を選択し、マウスで画像の端の小さなタグをクリックしてドラッグすると、画像は縮小するだけで拡大できません。多くの方法を試しましたが、解決できず、jsソースコードを確認しても異常が見つかりませんでした。

　　後に意図せずページにBootstrapをインポートして、Bootstrapがデフォルトでboxを-sizingスタイルを統一してborderに設定-boxについてです。詳細はBootstrapのリリースログを確認してください：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-UEditorコンポーネントを参照する親要素に使用されるCSSクラスがcontainerです。

以上は編集者が皆様に紹介したBootstrapです。 3のボックス-sizingスタイルがUEditorコントロールの画像を正常に拡縮できない解決策の全ての説明を提供します。皆様に役立つことを願っています。何かご不明な点があれば、お気軽にコメントを残してください。編集者は皆様に迅速に返信します。