0

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

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

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

4

2 回答 2

2

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

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

于 2016-06-22T19:25:38.587 回答
1

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

有关媒体查询的描述和示例,请参阅W3Schools 。

于 2016-06-22T19:25:26.637 回答