[分享]css不对el表达式起作用

最近在开发网页时，遇到了一个问题：在CSS中使用了el表达式，但是并没有起到作用。

例如，以下代码：
div{
    height: expression(document.documentElement.clientHeight||document.body.clientHeight);
}
我使用这段代码来让一个div元素的高度自适应浏览器窗口大小，但是在测试时却发现这段代码并没有起到作用。

经过查阅资料，我发现CSS不再支持el表达式。而且，el表达式的使用也被视为不安全的实践，因为它允许JS代码直接注入到CSS中，从而可能引起XSS攻击。

那么，该如何替代使用el表达式呢？以下是我找到的一些替代方案：

1. 使用JavaScript来动态设置元素的样式，例如：
var divElement = document.getElementById("myDiv");
divElement.style.height = window.innerHeight + "px";

2. 使用响应式设计来自适应不同的设备屏幕，例如：
@media screen and (max-width:600px){
    div{
        height:300px;
    }
}
@media screen and (min-width:601px){
    div{
        height:400px;
    }
}

总之，尽管使用el表达式可以方便地设置元素的样式，但是它已经不再被支持，也存在安全性问题。因此，我们应该尝试使用其他方法来替代el表达式。

在今后的网页开发中，我也会时刻关注新技术、新方案的出现，以便更好地提升网站的用户体验和安全性。