サポート » バグ報告と提案 » サイズ調整をした画像が画面からはみ出る

  • paruru_777

    (@paruru_777)


    画像ブロックで画像を挿入し、その画像に「画像の寸法」でサイズを調整した際、
    スマホで管理画面を使う(見る)と画像が画面からはみ出る。
    (スマホでというか、スマホサイズの画面で)
    max-width:100%などをかけてもどうにもならず
    スクロールバーが出て使いづらい

    他のテーマで確認しても同じでした

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • ishitaka

    (@ishitaka)

    こんにちは

    下記 CSS ではどうでしょうか?

    .wp-block-image.is-resized {
    	display: block;
    }
    .wp-block-image .components-resizable-box__container {
    	max-width: 100% !important;
    }
    .wp-block-image.is-resized > figcaption {
    	display: block;
    }

    もしかしたら、!important が必要かも

    ishitaka

    (@ishitaka)

    functions.php に記述する場合の例:

    if ( is_admin() ) {
    	function fukidashi_enqueue_block_editor_assets() {
    		$style = <<<STYLE
    .wp-block-image.is-resized {
    	display: block;
    }
    .wp-block-image .components-resizable-box__container {
    	max-width: 100% !important;
    }
    .wp-block-image.is-resized > figcaption {
    	display: block;
    }
    STYLE;
    		wp_add_inline_style( 'wp-edit-blocks', $style );
    	}
    	add_action( 'enqueue_block_editor_assets', 'fukidashi_enqueue_block_editor_assets' );
    }
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。