Хотя в большинстве случаев вы можете просто изменить размер фонового изображения, чтобы оно соответствовало отверстию, бывают случаи, когда оно просто не работает - например, когда основная тема изображения находится в неправильном положении или полностью снята, оставляя запутанное изображение.
Обычно в этом случае я просто создаю другую версию - возможно, портретную версию, а также альбомную версию, а затем использую медиазапросы для предоставления правильного изображения.
Это работает нормально, когда вы имеете дело только с одним изображением.
Точно так же, когда у меня есть динамическое изображение (несколько страниц, использующих один и тот же шаблон макета), я могу динамически добавлять URL-адрес изображения в качестве фонового изображения или элемента изображения. (Я использую Asp.Net для добавления атрибута)
Однако теперь мне нужно объединить две вещи - разное фоновое изображение для каждой страницы с потенциально более чем одной версией изображения в зависимости от размера экрана.
Таким образом, поскольку изображение является динамическим, код находится внутри html, а не в таблице стилей.
Но как показать альтернативу с использованием медиазапросов?
В настоящий момент я не могу придумать, как объединить оба требования.
Любые идеи приветствуются.