css - 动态 CSS 高度和宽度

Question

我正在尝试创建一个完全适合任何分辨率屏幕的网页，为此我需要检测用户分辨率，计算它以适合我的布局，然后将属性部署到我的布局。

我知道如何使用 Jquery 和 Javascript 来做到这一点，但我想知道是否有真正的 CSS 方法可以做到这一点。

这是我想要的东西

#wrapper { 
    height: clientHeight-100px;
    width: clientWidth-500px;
}

Answer 1

在 CSS 中不可能，但在 Javascript 中可以。此外，客户端宽度有一些定义，如果他们调整窗口大小，是查看区域的大小还是屏幕的原始大小？

此外，如果您使用 Javascript，您可能会冒着让事情变得过于复杂的风险，并使您的网站对一小部分观众来说无法查看。

你最好坚持大多数人所做的事情，使用百分比。