Viewbox TabControl大小调整因字体大小而变得混乱

Question

我有一个程序可以让你编辑不同的属性，以便你可以编辑不同的控件。

我试图让编辑器的布局正确，但我似乎无法轻易搞定。

我把它放在一个视图框中，因此根据屏幕大小。这是编辑器的XAML：

<Viewbox Grid.Column="0" Grid.Row="2" VerticalAlignment="Top" HorizontalAlignment="Center">
    <TabControl Background="{DynamicResource CustomOrange}">
        <TabItem Header="Background" Visibility="Visible" FontSize="10">
            <StackPanel>
                <DockPanel LastChildFill="False">
                    <Label Content="Background" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="30"/>
                </DockPanel>
                <DockPanel LastChildFill="False" Margin="2">
                    <Label Content="Background Image" DockPanel.Dock="Left"/>
                    <Button Content="Find Image" DockPanel.Dock="Right"/>
                </DockPanel>
                <DockPanel LastChildFill="False" Margin="2">
                    <Label Content="Show Text" DockPanel.Dock="Left"/>
                    <CheckBox Content="Find Image" DockPanel.Dock="Right" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </DockPanel>
            </StackPanel>
        </TabItem>
        <TabItem Header="Button"  Visibility="Visible">
            <StackPanel>
                <DockPanel LastChildFill="False">
                    <Label Content="Background IMAGE" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="30"/>
                </DockPanel>
                <DockPanel LastChildFill="False" Margin="2">
                    <Label Content="Background Image" DockPanel.Dock="Left"/>
                    <Button Content="Find Image" DockPanel.Dock="Right"/>
                </DockPanel>
                <DockPanel LastChildFill="False" Margin="2">
                    <Label Content="Show Text" DockPanel.Dock="Left"/>
                    <CheckBox Content="Find Image" DockPanel.Dock="Right" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </DockPanel>
            </StackPanel>
        </TabItem>
    </TabControl>
</Viewbox>

问题是第一个TabItem看起来像这样：

但是因为我更改了标签的内容，所以第二个TabItem看起来像这样：

现在，我知道有更简单的方法可以做到这一点，但问题是我不确定我为用户实现了多少选项（宽度，高度，位置，字体，背景，内容等） ）。

我之前用网格做过但问题是随时我删除一个选项然后所有这些都需要重新完成，以便它们都在确切的Grid.Row中这就是为什么我使用StackPanel行，我正在使用DockPanel，所以它们保持水平分开

谢谢!!!