https://calm-wildwood-83211.herokuapp.com/Отзывчивый веб-страница СМИ запросов
Если вы видите в инструментах разработчика, или загрузить сайт на iPhone, это не реагирует. Он неудобно подходит для разных размеров экрана, меньшего, чем ноутбук. Я использую шаблон Bootstrap Vitality. В моей HTML<head>, у меня есть этот код:
Как я должен идти о том, чтобы этот сайт в ответ на запросы средств массовой информации?
В электронном сообщении, размещенном в этом разделе, нет перерывов (потому что это электронная почта), поэтому он занимает свою естественную полную ширину, которая шире, чем мобильные экраны. Если вы напишете запрос, чтобы сделать h2 в этом разделе около 17px на мобильных экранах, вам должно быть хорошо идти!
Ваша проблема здесь начинается в строке 438:
<section id="contact">
<div class="container wow fadeIn">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Contact Kingsway Custom Homes</h2>
<hr class="colored">
<p>Please tell us about your plans.</p>
<a href="mailto:[email protected]"><h2>[email protected]</h2></a>
</div>
</div>
.........
</section>
Здесь <a> ломает макет. Я поставил простой style="overflow:hidden" на <div class="col-lg-12 text-center">, который решил проблему отзывчивости сайтов, хотя это просто скрывает большую часть адреса электронной почты.
Вам понадобится изменить размер текста этого элемента при меньших размерах экрана.
Добро пожаловать в StackOverflow. Пожалуйста, посетите [помощь], а также прочитайте [ask]. Ваш вопрос вне темы, потому что вы просите учебник по гибкому дизайну. Это слишком обширно (есть целые книги по этому вопросу), и ваш первый шаг должен состоять в том, чтобы провести собственное исследование, чтобы найти учебный материал, уже доступный в Интернете. Отзывчивый дизайн нелегкий, и я не уверен, какого ответа вы ожидаете. Там, безусловно, нет «делать X, и он будет реагировать», где X не требует много обучения и работы с вашей стороны. –