时间戳

首页 > 解决方案 > 如何使显示器适合？

css - 如何使显示器适合？

问题描述

https://i.stack.imgur.com/rDst8.jpg

我如何解决它？我想让它像这样 https://i.stack.imgur.com/m2Jfh.jpg

当我使用普通模式/电话模式时，第一张图片是我的网站

第二张图片是我在手机中使用桌面模式时的网站

My css:
text-align: center;
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  
  font-size: calc(10px + 2vmin);
      color: white;

标签： cssreactjsdisplay

解决方案

您可以使用flex: wrap;它来修复它，并且可以通过多种方式完成。你可以在这里探索 flex 和 grid 属性， https://developer.mozilla.org/en-US/docs/Web/CSS

推荐阅读