Css 如何使用flexbox防止文本收缩

我在使用设置了溢出的flex box时遇到了一个意外行为。它在浏览器上正常工作，但在移动设备上，左边的文本会缩小到几乎无法阅读

这似乎只有在文本实际上开始溢出时才会发生。 有没有办法防止这种行为

    <style>

flexHolder{
    height:80%;
    display:flex;
}

rightSide{
    overflow: auto;
}


</style>

<flexHolder>
    <leftSide>
        Left
    </leftSide>
    <rightSide>
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right         Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
        Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right 
Right Right 
    </rightSide>
</flexHolder>

柔性支架{
身高：80%；
显示器：flex；
}
右侧{
溢出：自动；
}
左边
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右对对对对对对
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右
右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右右
对对

您可能缺少缩放页面所需的视口元标记：

---

如果没有meta标记，在较小的设备上，浏览器只需将页面呈现为桌面上的页面，因此文本大小非常小。

旁白：您使用的是HTML处理器吗

flexHolder

、

leftSide

和

righside

都不是有效的HTML元素，它们只是自定义元素。它们已经有效使用HTML大约5年了。请参阅：是否已将相应的视口元标记添加到页面？该死，就是这样。至少这是一个简单的解决办法。：）@Robbie，抱歉，我不应该说无效，我的意思是存在潜在的兼容性问题，可能需要额外的CSS和/或JS来防止旧浏览器发出嘎嘎声，