<div class="bgc">
<img src="img.jpg" width="1920" height="1000">
</div>
чтобы при масштабировании до любых размеров она всегда занимала 100% монитора, а не при достижении ширины монитора свыше 1920px снизу начинало бы появляться пустое место. Уточняю - картинка находится на html-странице и не нужно ее запускать через css - backgroun-image
как обычно : пользуемся не инлайновыми стилями а в отдельном файле
html,body{
height:100%;
}
img{
display:block;
width:100%;
height:100%;
}
<img src="">
но так же надо помнить что изображение должно быть в альбомном виде
Хорошо, если изображение абстрактное и деформация при непропорциональном масштабировании не заметна... Можно, с помощью jQuery скрыть изображение, забрать его src и подложить его в ненавистный вам background-image, и добавить background-size: cover...
Можно попробовать использовать object-fit (https://caniuse.com/#feat=object-fit)
body, html {
margin: 0;
width: 100vw;
height: 100vh;
}
img {
display: block;
width: 100vw;
height: 100vh;
object-fit: cover;
}
<img src="http://lorempixel.com/1500/1000/sports/Dummy-Text/" />
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости