如果我的屏幕分辨率低于布局分辨率怎么办？

Question

我尝试制作这样的区域：

但问题是我的屏幕分辨率低于布局。在布局中塑造它的最佳方法是什么？我必须使用自定义％或响应表，您怎么看？

Answer 1

使用flexbox。

您可以将布局分为两组，每组为4x4。在垂直屏幕上，第二组将换行并放在下面。在水平屏幕上，这些组彼此相邻（与图片中的相同）。

<div class="wrap">
  <div class="group">
    <div class="item pic">
    <div class="item text">
    <div class="item pic">
    <div class="item text">
  </div>
  <div class="group">
    <div class="item pic">
    <div class="item text">
    <div class="item pic">
    <div class="item text">
  </div>
</div>

然后，在小屏幕上制作.group元素100vw，在较大的屏幕上显示50vw。