javascript - 我可以在我的 CSS 样式表中链接外部 javascript 吗?

标签 javascript html css background browser-width

我正在尝试设置一些内容,使我的背景可以根据用户的浏览器宽度进行缩放,但我被绑定(bind)到特定元素下外部样式表中设置的背景。我可以改变背景,我可以修改它的属性,但我不能用 html 背景替换它。

我一直在研究这个问题的解决方案,但其中大部分似乎都行不通。我什至尝试链接(在 html 中)一个外部 JS,它检测屏幕分辨率并相应地选择一个 bg 文件,这正是我所需要的,只是浏览器根本没有检测到它,无论我是将脚本嵌套在 html 还是只是链接它。所以我正在寻找一种在 CSS 的 bg 设置下链接它的方法。根据我的阅读,这是“可能但有风险”的,没有关于如何完成的真正说明。

尽管有风险,我还是愿意尝试,但我也乐于接受其他建议。我所需要的只是能够为小型手机和其他所有设备设置两个不同的图像文件(相同的图像,只是缩放比例不同)。我已经看过 srcset 但它需要嵌入到 html 中,所以它不适合我,尽管我对此很兴奋。我不介意自己实际编辑图像。

最佳答案

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

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

关于javascript - 我可以在我的 CSS 样式表中链接外部 javascript 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37976612/

相关文章:

html - 从右到左显示 block 和内联词

javascript - Angularjs 中 Controller 的文档查询选择器

html - Sharepoint 中的顶部菜单导航

CSS3 阴影

javascript - 无法在处理程序中获取 Dojo 文本框值

javascript - 数据表默认列排序

javascript - 如何在 Scalajs 中使用 Ajax 上传文件

javascript - 如何使表单数据在刷新后不消失?

html - 位置: absolute时图像消失

html - 如何在 HTML 中的按钮之间放置垂直线