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

Question

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

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

Answer 1

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

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

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

РЕДАКТИРОВАТЬ Удалите ширину qnd высоту из ваших тегов 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">