Question

如果没有字体，只有块级元素，并且页面上的缩放被调整，会有什么变化吗？

看起来，因为一切都是基于它的父母宽度/高度（当浏览器缩放时没有一个变化），那么什么都不会改变。这是对的吗？

Answer 1

正确。但是，font-size需要在vw中，因为百分比不起作用。

head {
  display: none;
}
* {
  display: block;
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
}
.container {
  background-color: #ecf0f1;
  color: #130f0e;
  width: 30%;
  margin: 2% 0 0 1%;
  padding: 3%;
}
h3 {
  font-size: 3vw;
}
p {
  font-size: 2vw;
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
</head>

<body>
  <div class="container">
    <h3>Header Text</h3>
    <p>Paragraph Text</p>
  </div>
</body>

</html>

如果页面上的每个元素的大小都是百分比，那么缩放浏览器窗口会做什么吗？

1 个答案: