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

我试着让这个区域像这样：

但问题是我的屏幕分辨率低于布局。在布局中塑造它的最佳方式是什么？我是否必须使用自定义%或响应表，您认为如何

使用

您可以将布局分为两组，每组4平方米。在垂直屏幕上，第二组将包裹并放置在下方。在水平屏幕上，组彼此相邻（与图片中相同）

然后，在小屏幕上使用

.group

元素

100vw

，在大屏幕上使用

50vw

您可以将布局分为两组，每组4平方米。在垂直屏幕上，第二组将包裹并放置在下方。在水平屏幕上，组彼此相邻（与图片中相同）

---

然后，在小屏幕上创建

.group

元素

100vw

，在大屏幕上创建

50vw

，您可以响应页面。无论屏幕分辨率如何，它都将显示完美。您可以响应您的页面。无论屏幕分辨率如何，它都将显示完美。

<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>