Могу ли я связать внешний JavaScript в моей таблице стилей CSS?
Я пытаюсь настроить что-то, где мой фон будет масштабироваться в зависимости от ширины браузера пользователя, но я привязан к фону, установленному во внешней таблице стилей под определенным элементом. Я могу изменить фон, я могу изменить его атрибуты, но я не могу заменить его на HTML-фон.
Я искал решения для этого, и большинство из них, кажется, не работают. Я даже пытался связать (в html) внешний JS, который определяет разрешение экрана и соответственно выбирает файл bg, а это именно то, что мне нужно, только браузер вообще его не определяет, вкладываю ли я скрипт в html или просто свяжите это. Поэтому я ищу способ связать его в настройке bg в CSS. Из того, что я прочитал, это "возможно, но рискованно", без реальных инструкций о том, как это делается.
Я готов попробовать это несмотря на риск, но я также открыт для альтернативных предложений. Все, что мне нужно, это иметь возможность установить два разных файла изображения (одно и то же изображение, только по-разному масштабированное) для маленьких телефонов и всего остального. Я уже посмотрел на srcset, но это требует встраивания в html, так что мне не стоит, хотя я был взволнован этим. Я не против редактировать изображения сам.
2 ответа
Звучит так, как будто вы ищете медиа-запросы. Вы можете установить конкретный CSS на основе медиа-функций.
См. W3Schools для описания и примеров по медиа-запросам.
Я не уверен, что вы подразумеваете под ссылкой javascript в настройках bg в css.
Но вы должны иметь возможность устанавливать различные фоны, используя медиа-запросы в CSS. Посмотрите на https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries