Блог

Главная - Вопросы по программированию - Проблема с адаптивным css (Foundation framework)

Проблема с адаптивным css (Foundation framework)

#html #css #wordpress #zurb-foundation

#HTML #css #wordpress #zurb-foundation

Вопрос:

Это может быть глупый вопрос, я вполне уверен в CSS и начинаю больше узнавать о Javascript, по сути, я пытаюсь решить больше проблем самостоятельно, а не полагаться на своего внештатного программиста, однако я немного зашел в тупик.

Если вы посещаете http://www.giftshuffle.co.uk при уменьшении размера экрана до размера мобильного устройства заголовки начинают отделяться от изображений. Сайт использует foundation Framework для быстрого реагирования.

Есть идеи? Где я должен искать?

Спасибо Оливеру

Комментарии:

1. В чем именно заключается ваш вопрос?

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

Ответ №1:

Используйте медиа-запросы для адаптивного дизайна.

Для вашего случая добавьте приведенный ниже код в css:

 @media screen and (max-width:740px){

   #teaser-image
     {
       width:100%;
     }
}