html - 如果页面上的每个元素都按百分比调整大小,那么缩放浏览器窗口会有什么用吗?

标签 html css

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

看起来,因为一切都基于它的父级宽度/高度(并且当浏览器缩放时这些都不会改变)所以什么都不会改变。这样对吗?

最佳答案

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

关于html - 如果页面上的每个元素都按百分比调整大小,那么缩放浏览器窗口会有什么用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28978233/

相关文章:

html - 带滚动的 div 中的空白区域

javascript - 自动完成,永恒的故事

javascript - 如何在父 div 上捕获事件?

css - CSS3 Transitions 不支持 RGBA 背景属性吗?

html - CSS 浏览器 : Absolute Bottom/Left not working as expected

html - 开发环境 : Weird colors in html id and class parameter values

html - 文本输入后将图标保留在表格单元格的右下角

css - 如何通过 cytoscape.js 中的某个像素值将节点的内容定位到远处

jquery - 如何在焦点元素上使用悬停规则?

css - Less::错误/无法识别的输入 - twitter-bootstrap-rails