请考虑一种布局,其中图像和标题(两者都是可变尺寸)应该在屏幕上居中.
布局应该像这样(参考上图):
如果图像和标题足够小以适应屏幕,那么没有什么特别的事情发生,它们只是集中在一起.
如果图像和标题不适合屏幕高度,图像会缩小,直到它们为止.
如果图像不适合屏幕宽度,它会缩小,直到它完成.
如何使用CSS Flexbox实现这种机制?
更新. 如果标题不适合屏幕,图像应缩小,直到它出现.