选择平板电脑和移动设备预览时，Customiser中预览窗口的宽度为720px 和320px 分别地

这些仅在CSS中定义，因此没有专门覆盖这些大小的挂钩或任何东西。原始样式在中定义/wp-admin/css/themes.css, 如下所示：

.preview-mobile .wp-full-overlay-main {
    margin: auto 0 auto -160px;
    width: 320px;
    height: 480px;
    max-height: 100%;
    max-width: 100%;
    left: 50%;
}

.preview-tablet .wp-full-overlay-main {
    margin: auto 0 auto -360px;
    width: 720px; /* Size is loosely based on a typical "tablet" device size. Intentionally ambiguous - this does not represent any particular device precisely. */
    height: 1080px;
    max-height: 100%;
    max-width: 100%;
    left: 50%;
}

因此，如果您真的想更改它们，可以通过为customiser加载自定义样式来实现，如下所示：

function wpse_340269_customizer_styles() {
    ?>
    <style>
        .preview-tablet .wp-full-overlay-main {
            width: 680px;
        }

        .preview-mobile .wp-full-overlay-main {
            width: 375px;
        }
    </style>
    <?php
}
add_action( \'customize_controls_print_styles\', \'wpse_340269_customizer_styles\' );

综上所述，你问题的措辞表明，可能对断点、响应性设计和WordPress在这两者中的作用存在误解。

上述尺寸仅为从客户机预览网站的尺寸。它们对网站前端完全没有影响。How your site responds to smaller devices has nothing to do with these sizes, and is determine entirely by your theme.

说到断点，这些断点也与这些大小无关。”断点甚至都不是真的。使用CSS，主题作者可以根据用户设备的屏幕大小更改主题的样式。一些开发人员会决定2到3个特定的屏幕大小，他们设计的所有元素都会改变，但这只是作者的选择。其他开发人员可能会有一些流动的元素，这些元素可能会一直保持不变，而页面上的其他元素可能会以与其他元素完全不同的大小进行修改，因为这看起来更好。

关键是主题不一定都有3个特定的布局，3个特定的大小相同。开发人员/设计师可以选择无数种方式来改变屏幕尺寸的设计。

与您的问题相关的另一件事是，并非所有移动和平板设备的屏幕大小都相同。如果您将平板电脑预览修改为768像素，您可能会获得更准确的iPad预览（但不是iPad Pro），但这并不能改变某些平板电脑屏幕仍然较小的事实，因此您可能仍然需要确保720像素宽的屏幕看起来一切正常！

请记住，这些按钮只是供最终用户快速预览在customiser中所做的更改。不应向这些用户显示特定设备的预览。这些按钮用于预览设备类。因此，平板电脑按钮应显示普通平板电脑，而不是特定的平板电脑。

此外，预览按钮不用于开发。如果你正在开发一个新主题，那么你应该使用浏览器的开发工具，并确保你的网站在每一个可能的屏幕大小上看起来都很好<这是一种反应灵敏的设计。