XAML应用中如何实现文本完整显示且尺寸统一（响应式）

你当前的问题核心是仅左侧文本嵌套了Viewbox做自适应缩放，右侧文本直接显示，导致小屏幕下两者尺寸不一致，还可能出现文本截断。以下是具体调整方案：

核心调整思路 #

• 统一为所有需要响应式缩放的文本添加Viewbox，确保缩放规则完全一致
• 移除冗余的嵌套Grid，简化布局结构避免空间浪费
• 确保文本样式（字号、字体族等）初始统一，缩放后才能保持尺寸一致

修改后的代码示例 #

<!-- (0, 0) Availability -->
<Grid Grid.Row="0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="*" />
    </Grid.ColumnDefinitions>
    
    <!-- 左侧文本：保留Viewbox并移除冗余嵌套Grid -->
    <Viewbox Grid.Column="0" Stretch="Uniform" Margin="4">
        <TextBlock Style="{StaticResource OeeText}">Disponibilidad</TextBlock>
    </Viewbox>
    
    <!-- 右侧文本：添加相同配置的Viewbox，保持缩放同步 -->
    <Viewbox Grid.Column="1" Stretch="Uniform" Margin="4">
        <TextBlock Style="{StaticResource OeeValues}">100%</TextBlock>
    </Viewbox>
</Grid>

额外优化建议 #

• 检查OeeText和OeeValues样式，确保两者的FontSize、FontFamily等基础属性一致，避免缩放后仍出现尺寸差异
• 若想避免极端小屏幕下文本过度压缩，可给Viewbox设置MinWidth/MinHeight，或调整StretchDirection为DownOnly（仅允许缩小，不允许放大）
• 若布局中有多组类似的文本行，可将该行结构封装为自定义用户控件，减少重复代码

内容的提问来源于stack exchange，提问作者F A Fernández