如何根据SASS函数中的屏幕大小动态生成

我的目标是根据屏幕大小以%为单位创建动态宽度

如何在SASS中使用JavaScript的

screen.width

属性

@function screen-width ($expected, $container) {
  @return ($expected/$container) *100% ;
}
.demo {
  width: screen-width(650px, 1000px);
}

---

我希望

屏幕宽度

采用容器宽度，预期宽度应根据屏幕分辨率动态更改。

您不能从CSS中的JavaScript访问对象或变量。SASS只是一个预处理器，在构建时编译为CSS。因此，在SASS代码中无法使用

窗口中可用的
screen.width
对象

您可以尝试以下替代方法来解决您要解决的问题：

1） 使用

2） 如果这确实解决了您的问题，请在
window.onload
事件中，阅读
screen.width
属性，并使用javascript以编程方式设置宽度

3） 如果需要重新设置窗口的大小，请使用事件侦听器重新设置窗口的宽度。
@onresize因为您是本网站的新手，所以在stackoverflow上，除非是技术性的，否则请避免评论“谢谢”或其他内容。此外，如果你发现任何有用的答案，你可以接受它或投票。