按钮上的文字消失

Question

我的按钮上的文本有问题，当我缩小窗口时，文本消失了。我想让窗口变小，但即使按钮变小，仍然可以看到文本。这是我的代码

<Page
    x:Class="Labb_2_Calculator.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Labb_2_Calculator"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid Background="WhiteSmoke" KeyDown="Grid_KeyDown">
        <Grid.RowDefinitions>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
            <RowDefinition Height="*"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <TextBox Background="White" Foreground="Black" IsReadOnly="True" Name="TextResault" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3" Height="160" HorizontalAlignment="Stretch" VerticalAlignment="Center" Width="1420" Margin="10" FontSize="100" Text="0"></TextBox>
        <TextBlock Foreground="Black" Name="TextNumber" TextTrimming="CharacterEllipsis" Width="Auto" Height="Auto"  Grid.Column="3" Text="" FontSize="80" VerticalAlignment="Center" HorizontalAlignment="Left" Margin="30"></TextBlock>
        <Button Name="button1" Click="Button_Click" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="1" FontSize="120">1</Button>
        <Button Click="Button_Click_1" Grid.Column="1" Background="LightGray" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="10" Grid.Row="1" FontSize="120">2</Button>
        <Button Click="Button_Click_2" Grid.Column="2" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="1" FontSize="120">3</Button>
        <Button Click="Button_Click_3" Grid.Column="3" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="1" FontSize="120">+</Button>
        <Button Click="Button_Click_4" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="2" FontSize="120">4</Button>
        <Button Click="Button_Click_5" Grid.Column="1" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="2" FontSize="120">5</Button>
        <Button Click="Button_Click_6" Grid.Column="2" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="2" FontSize="120">6</Button>
        <Button Click="Button_Click_7" Grid.Column="4" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="2" FontSize="120">-</Button>
        <Button Click="Button_Click_8" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="3" FontSize="120">7</Button>
        <Button Click="Button_Click_9" Grid.Column="1" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="3" FontSize="120">8</Button>
        <Button Click="Button_Click_10" Grid.Column="2" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="3" FontSize="120">9</Button>
        <Button Click="Button_Click_11" Grid.Column="3" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="3" FontSize="120">X</Button>
        <Button Click="Button_Click_12" Background="orange" HorizontalAlignment="Stretch" Margin="10" Grid.Row="4" FontSize="120" >C</Button>
        <Button Click="Button_Click_13" Grid.Column="1" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="4" FontSize="120">0</Button>
        <Button Click="Button_Click_14" Grid.Column="2" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="4" FontSize="120" >=</Button>
        <Button Click="Button_Click_15" Grid.Column="3" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="4" FontSize="120">/</Button>
    </Grid>
</Page>

我尝试过像 rem 和 % 这样的响应式字体大小，但它仍然不起作用

Answer 1

这应该使按钮中的文本居中，如果按钮太小，则将其缩小：

<Button Click="Button_Click_1" Name="button1" Background="LightGray" HorizontalAlignment="Stretch" Margin="10" Grid.Row="1" FontSize="120">
    <Button.ContentTemplate>
        <DataTemplate>
            <Viewbox>
                <TextBlock>1</TextBlock>
            </Viewbox>
        </DataTemplate>
    </Button.ContentTemplate>
</Button>