我可以在CSS样式表中链接外部JavaScript吗？

Question

我正在设置一些内容，我的背景会根据用户的浏览器宽度进行缩放，但我会在某个元素下绑定到外部样式表中的背景集。我可以改变背景，我可以修改它的属性，但我不能用html背景替换它。

我一直在研究这方面的解决方案，其中大多数似乎都不起作用。我甚至尝试连接（在html中）一个外部JS来检测屏幕分辨率并相应地选择一个bg文件，这正是我需要的，只有浏览器根本没有检测到它，我是否将脚本嵌入到html或者只是链接它。所以我正在寻找一种在CSS中的bg设置下链接它的方法。从我读到的内容来看，这是“可能但风险很大”，没有关于如何完成的真实指示。

尽管存在风险，但我愿意尝试它，但我也愿意接受其他建议。我需要的是能够为小型手机和其他所有手机设置两个不同的图像文件（相同的图像，只是缩放比例）。我已经看过了srcset但是需要嵌入html，所以对我来说不行，虽然我很兴奋。我不介意实际上自己编辑图像。

Answer 1

我不确定css中bg设置中的链接javascript是什么意思。

但是你应该能够在CSS中使用媒体查询设置不同的背景。看看https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Answer 2

听起来好像在寻找媒体查询。您可以根据媒体功能设置特定的CSS。

有关媒体查询的说明和示例，请参阅W3Schools。