カスタムCSSで画像がうまくレンダリングされない問題

サポート
1

下記のトピックに続いて（そこを続けたかったのですが、そのトピックは現在閉じられています）：

カスタムCSSでスタイル設定された画像ファイルのレンダリングに小さなバグがあるようです。具体的には、右側の1pxの黒い実線ボーダーが表示されません。画像を95%に縮小すると問題は解決します。カスタムCSSは border : 1px solid black です。編集プレビューでは正しくレンダリングされますが、ライブバージョンでは表示されません。例はこちらで見ることができます。言ったように、これは小さなバグですが、修正する価値はあるでしょう。よろしくお願いします。

width : 98% も設定することでこの問題を回避できますが、そうする必要はないと思いますか？何か考えはありますか？

3

自動幅が境界線を考慮するように box-sizing を設定すれば良さそうです。

.cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji), .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
  border: 1px solid #000;
  box-sizing: border-box;
}
4

@Alteras それでうまくいきます。盛大な拍手をお願いします！

5

@ 管理者: この投稿のコードは適切に変更できますか (それともプロトコル違反ですか):

6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.