Как мне кодировать свой веб-сайт, чтобы мои изображения шириной 100% регулировали размер в соответствии с изменением разрешения экрана? - PullRequest
Новая
       23

Как мне кодировать свой веб-сайт, чтобы мои изображения шириной 100% регулировали размер в соответствии с изменением разрешения экрана?

0 голосов
/ 05 сентября 2018

Как мне кодировать мой веб-сайт, чтобы мои изображения шириной 100% настраивали размер в соответствии с различными разрешениями экрана? Например, 1280 х 720.

Здесь - это ссылка на мою домашнюю страницу с изображениями, размер которых необходимо изменить в соответствии с разрешением экрана. Посмотрите на строки 119-123 для кодов изображений.

1 Ответ

0 голосов
/ 05 сентября 2018

Вы установили высоту 700px + на свои изображения, используя img в css. Добавьте еще один класс в css, сказав: 

.full-width-img{
    width:100%;
    height:auto;
    display:block;
    }

Добавьте class = "full-width-img" к вашим изображениям, которые вы хотите иметь ширину 100%.

EDIT Удалите width qnd height из ваших img тегов. ПОТОМУ ЧТО сейчас они: 

<img src="images3/motoxmaxres.jpg" class="full-width-img" width="100%" height="" alt="motocross landing">

Пока должно быть 

<img src="images3/motoxmaxres.jpg" class="full-width-img" alt="motocross landing">
...