Делаю адаптацию, все на слайдере плывет как устранить?

168

08 октября 2018, 12:30

http://www.twelfth-site.ho.ua/

Добрый день! Делаю адаптацию, все на слайдере плывет и вылазит за рамки картинки, на скриншоте видно, как устранить ?

Answer 1

Используете медиа-запросы. Так же рекомендую сделать, то что предложил @E_K : уберите абсолютные элементы, и сделайте блок. Будет проще всё это отследить. Добавлю от себя: советую использовать Grid (Адаптивная сетка). Ссылка: тык.

  // Ландшафтный экран телефоны 
  @media (max-width: 480px) { ... } 
  
  // От ландшафтного экрана телефона до потретного планшета 
  @media (max-width: 767px) { ... } 
  
  // От портретного планшета до ландшафтного экрана и настольных дисплеев 
  @media (min-width: 768px) and (max-width: 979px) { ... } 
  
  // Большой дисплей 
  @media (min-width: 1200px) { ... }