у меня есть фотка, и я хочу увеличить эту фотку в width , что бы она стала больше, но когда я ее увеличиваю по ширине, она выходит за рамки разрешенного, то есть за рамки сайта как сделать что бы фотка не выходила за рамки?????
Она выходит за рамки вообще сайта или за рамки где ты её видишь? А так просто попробуй уменьшить масштаб страницы, мб поможет
Очень все понятно, но возможно так img { width: 100%; max-width: 100%; /*or px */ height: auto; } CSS img { width: 100%; max-width: 100%; /*or px */ height: auto; }
изменить, <div class="second-div"> <div class="photo_main-div"> <img src="photo2.jpg" alt="" class="mainJETphoto"> <div class="texts_main"> текст </div> </div> </div> Code <div class="second-div"> <div class="photo_main-div"> <img src="photo2.jpg" alt="" class="mainJETphoto"> <div class="texts_main"> текст </div> </div> </div>
jXsevenUP, .second-div { width: 100%; overflow: hidden; } .photo_main-div { display: flex; justify-content: center; align-items: center; } .mainJETphoto { width: 100%; max-width: 100%; height: auto; } CSS .second-div { width: 100%; overflow: hidden; } .photo_main-div { display: flex; justify-content: center; align-items: center; } .mainJETphoto { width: 100%; max-width: 100%; height: auto; }
jXsevenUP, .photo_main-div { width: 100%; max-width: 100%; overflow: hidden; } .mainJETphoto { width: 100%; height: auto; display: block; } CSS .photo_main-div { width: 100%; max-width: 100%; overflow: hidden; } .mainJETphoto { width: 100%; height: auto; display: block; }