Html 如何将网站上的所有元素（div）从像素更改为百分比

首先，我从一个朋友那里得到了这个网站来帮助我建立和发展。我很久没有接触CSS了，我有几个问题。我正在努力使这个网站不断适应浏览器

我理解这是因为他一直在用像素来衡量等级，而不是百分比，所以它已经变得固定了。我该如何将所有的类更改为百分比，这样网页将是流动的，如果变小了，它将适合浏览器窗口。我想这一切都是数学上的

我知道@media查询与此无关

HTML:

---

您需要编辑CSS文件

从外侧的div开始，一路走进去。任何想要全宽的元素都会有如下CSS：

.elementClassName{
   width: 100%
}

在HTML中，我们在标记中使用id=“idnamehere”直接标记它，以便在CSS中专门针对它。我们可以使用class=“classname”获得更通用的CSS，它可以应用于许多div

因此，您可以在CSS文件中创建几个类：

    .Fullwidth{
  width:100%
}

.halfWidth{
 width: 50%
}

然后将它们添加到外部DIV以进行实验

例如，如果将class=“halfWidth”添加到外部DIV并刷新浏览器，则整个页面将只填充窗口的一半。请记住，子div（内部）继承自父div

---

谷歌搜索HTML的框模型

可能重复的“请不要重复先前的问题”-它只会分裂解决您的问题的努力。不幸的是，你的问题对于网站的范围来说太广泛了。正如我之前所建议的，围绕响应性框架重写站点将是我今后的首选选项，但这里没有人愿意为您这样做-您必须自己阅读相关文档/教程。谢谢。特别要求不要使用引导。酷-删除引导建议。这是否意味着我需要将每个div转换为百分比大小？编辑回答解释。基本上，内部div从外部div继承，除非显式重写。

.elementClassName{
   width: 100%
}

    .Fullwidth{
  width:100%
}

.halfWidth{
 width: 50%
}