Отзывчивый дизайн для мобильных телефонов

Question

Я новичок в HTML5, и я создал сайт с домашней страницей, имеющей несколько значков с абсолютным положением, фиксированными верхними и левыми значениями.

Но когда то же самое открывается на мобильном устройстве, мне приходится много прокручивать, и изображения не попадают в центр, как ожидалось.

Пожалуйста, дайте мне знать ваши входы для того же самого, что и я, новичок в HTML5 и хотел бы узнать другой аспект.

Благодарности & С уважением, Mrudul

Answer 1

Я собираюсь принять диких угадать и сказать, что вы используете загрузчик, чтобы сделать вещи реагировать. Если то случае, вы можете просто добавить класс к изображениям, чтобы сделать их масштаб правильно ..

<img src="http://placehold.it/1920x400" class="img-responsive" alt=""> 

Вы можете скопировать и вставить это в редакторе, чтобы проверить его. Таким образом, если экран становится меньше, так будет и ваше изображение.

EDIT:
Кроме того, если вы хотите, чтобы изображение, которое будет содержаться в упаковке, вы можете использовать следующую структуру:

<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
       <img src="http://placehold.it/1920x400" class="img-responsive" alt=""> 
     </div> 
    </div> 
</div>