Ucinanie obrazu

pytanie zadane 13 października 2017 w HTML i CSS przez Adrian1999 Nałogowiec (34,570 p.)

Witam wszystkich serdecznie, mam pytanie nadarzył mi się nie o tyle nie zrozumiały problem. Co taki że nie potrafię go rozwiązać, mam kod:

		<section id="first">
			<article>
				<img src="img/grabski.jpg">
				<h2>Lorem ipsum</h2>
				<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In vitae ligula interdum est tristique congue sed a massa. Suspendisse potenti. Ut eget rutrum quam. Fusce lorem dolor, volutpat ut nunc vitae, euismod imperdiet odio. Vivamus a fringilla nunc. Donec iaculis, neque vel tempor varius, lectus magna mattis odio, vel feugiat purus purus in est. Aliquam tristique mauris ut condimentum sodales. Maecenas turpis quam, hendrerit id orci eu, varius ultrices ex. Nunc sodales velit ut scelerisque iaculis. Proin mi augue, egestas a leo quis, pharetra egestas tortor.</p>
			</article>
		</section>

I mój problem jest taki, gdy dla #first nadaje height np 40vh ucina mi obraz, jak to zrobić by go nie ucinało? Pewnie banalny problem ale dziękuje z góry

komentarz 13 października 2017 przez shotokan Nałogowiec (39,660 p.)

próbowałeś background-size ?
https://developer.mozilla.org/pl/docs/Web/CSS/background-size

komentarz 13 października 2017 przez Adrian1999 Nałogowiec (34,570 p.)

tylko że ja to dla IMG robię więc jak miałbym ustawić BG size?

komentarz 13 października 2017 przez shotokan Nałogowiec (39,660 p.)

racja idiota ze mnie...
spróbuj dać w css rozmiary dla img
a może Twoja przeglądarka nie obsługuje poprawnie vh?
http://caniuse.com/#search=vh

komentarz 13 października 2017 przez Alterwar Dyskutant (7,650 p.)

Jeśli rodzic ma określoną wyskość to dziecko powinno się dostosować po dodaniu dla img np:

height:100%;
width:100%;

wtedy dziecko przyjmuje rozmiary dla rodzica

komentarz 13 października 2017 przez Adrian1999 Nałogowiec (34,570 p.)

Tylko sens w tym że chcę zmniejszyć całą sekcję, by całość miała określoną wysokość. Nie tylko sam obrazek, bo to że obrazek zmniejszyć to ja wiem. Ale ja chcę by to wszystko było w jednym "mniejszym pudełku", anieżeli zmniejszać wszystko oddzielnie

komentarz 13 października 2017 przez Adrian1999 Nałogowiec (34,570 p.)

Alterwar problem w tym że to nie działa, ucina obraz i się nie dostosowuje. Nie wiem czemu, stąd się tutaj zgłaszam.

komentarz 13 października 2017 przez Alterwar Dyskutant (7,650 p.)

Daj cssa do tego kodu jeszcze

komentarz 13 października 2017 przez Adrian1999 Nałogowiec (34,570 p.)

Nie ma css-a. Jest prosta zależność jak nadaje dla first wysokość ucina mi img, jak nadaje wysokość dla img, muszę bawić się oddzielnymi wartościami dla article

1	komentarz 13 października 2017 przez Alterwar Dyskutant (7,650 p.) coś takiego? https://codepen.io/alterwar/pen/mBGxwN zdjęcie jest w całości