html - 文本仅在图像下方而不是在另一个分辨率之间

Question

我有一个包含图像和文本的 div 框。如果显示器的分辨率小于更大的分辨率，我希望文本仅 float 在图像下方。

这是我的意思的草稿: http://fs5.directupload.net/images/160821/gxfkmcre.png

Answer 1

您可以使用媒体查询来获得较小的屏幕分辨率

@media(min-width: 420px)
{
  p{display: block;}
}