Каким образом лучше всего сделать изображение background'ом для определенных блоков, например: есть лендинг, первый блок у него идет с вступительной информацией, в этом блоке должна быть картинка на всю ширину экрана и высотой примером в 700px. У меня идеи только на 2 варианта - это через тек , прописанный в html файле или через стили, добавив нужному блоку путь к картинке и свойство background-size: contain и высоту в 700px 0равную исходному размеру, иначе если не задать высоту блоку он не растянется на всю ширину. В общем первый вариант тоже не проще, придется позиционированием париться, чтобы расположить на картинке элементы. Или же есть и другие варианты более очевидные и понятные, которые до меня не дошли?
Очень давно занимаюсь версткой, имею огромный опыт
Вы можете написать max-height: 700px; и задать height: 100%; блок будет макс. растягиваться до 700 px, а если нужно будет меньше на др. экранах будет ужиматься, в свое время мне очень помогло с popup, когда нужно было делать окна 800 на 600, ну чтобы они ужимались на меньших экранах
а что непонятного) есть блок, нужно в нем сделать бекграунд картинки на всю ширину экрана и высотой 700px. Если сделать этот бекграунд через css то нужно указывать высоту явно! иначе блок не раскроется на 700px. А в этом блоке должен быть всего один h1 заголовок. Попробуйте. Но если так сделать то адаптировать не удобно будет, постоянно менять высоту. И вы хоть background cover ставьте, хоть сcontain, не поможет... блок не забит на 700px, только явно указывать. А если картинку в html файле, в теге img расположить в блоке и дать абсолютное позиционирование, а заголовку position: relative, то все ровно, она норм растягиваться будет и можно манипулировать, но переживаю за семантику, и вообще такие бекгроунды черех html теги img делать норм? и ладно бы если один блок в дизайне такой, а если много? вот у меня встала задача и я голову ломаю...
Простой
Простой
Простой