在css里，当网页缩小后如何调整字体和图片的布局？
在网页的比例变小后，会产生这样的情况：
图片在左，文字描述在右，当网页比例变小后，会全部挤到图片下方，直到全部的文字都位移下方。
代码如下：
怎样实现当页面缩小到字体产生向下的位移时，可以自动将整段文字移动到图片下方，或者更为简洁的布局？
想过继续使用@media screen 来找到临界点，但是在每一段文字长度不同的时候，临界点也不同，所以会导致很繁琐而且不知道是否可行。
最简单的就是找个美工帮忙调，没有的话找个前端框架。一般都有适配的功能。
使用flex弹性盒
设置meta