如果页面上的每个元素都以百分比为单位,缩放浏览器窗口会执行任何操作



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

似乎,因为一切都将基于它的父宽度/高度(当浏览器缩放时这些都没有改变),所以什么都不会改变。这是对的吗?

正确。但是,字体大小需要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>

最新更新