问调整WP自定义站点预览的宽度

EN

    function my_customizer_responsive_sizes() {

    $mobile_margin_left = '-240px'; //Half of -$mobile_width
    $mobile_width = '480px';
    $mobile_height = '720px';

    $tablet_margin_left = '-540px'; //Half of -$tablet_width
    $tablet_width = '1080px';
    $tablet_height = '720px';

    ?>
    <style>
        .wp-customizer .preview-mobile .wp-full-overlay-main {
            margin-left: <?php echo $mobile_margin_left; ?>;
            width: <?php echo $mobile_width; ?>;
            height: <?php echo $mobile_height; ?>;
        }

        .wp-customizer .preview-tablet .wp-full-overlay-main {
            margin-left: <?php echo $tablet_margin_left; ?>;
            width: <?php echo $tablet_width; ?>;
            height: <?php echo $tablet_height; ?>;
        }
    </style>
   <?php
   }

add_action( 'customize_controls_print_styles', 'my_customizer_responsive_sizes' );