Question

我正在制作Flex上的WWW页面，但是当我缩放它的放置位置时。文字缩放

我尝试设置字体大小，但没有帮助。

3rd

@import url('https://fonts.googleapis.com/css?family=Montserrat|Raleway|Roboto&display=swap');
body {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.container {
  background-image: url('wave.jpg');
  width: 100vw;
  margin: 0;
  padding: 0;
  flex-direction: column;
  display: flex;
  align-items: flex-start;
}

.navigation {
  width: 100vw;
  background-color: coral;
  height: 10vh;
  display: flex;
  flex-direction: row;
  font-size: 25px;
}

.photo-container {
  width: 100vw;
  background-color: lightblue;
  height: 90vh;
  display: flex;
  overflow: hidden;
}

.articles {
  width: 100vw;
  background-color: greenyellow;
  height: 20vh;
}


/* Mniejsze kafelki */

.navigation-l {
  width: 50vw;
  height: inherit;
  background-color: indianred;
}

.navigation-r {
  width: 50vw;
  height: inherit;
  background-color: lightsalmon;
}

.aligned-center {
  width: 1000px;
  height: auto;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.panel button {}

预期：文本不会遍及页面，但用户缩放div不能缩放文本

结果：不应该缩放文本。我已经测试过在其他页面上的缩放，它使div更大而不是文本。也许是因为它的柔韧性和它的50％或100％的页面。我不知道

在Flexbox上缩放文字

0 个答案: