Я посоветую вам использовать медиа-запросы, чтобы сделать вашу страницу более отзывчивой.Медиа-запросы используются в css для указания того, как будет выглядеть страница при определенной ширине или высоте. Если вы еще не знакомы с css, я посоветую вам посетить Google codecademy и пройти курс «Изучите адаптивный дизайн», который поможет вам.Курс бесплатный, поэтому не стоит беспокоиться о финансовых затратах. Но сейчас я дам вам несколько советов, как это сделать. Вместо того, чтобы использовать обычные атрибуты ширины и высоты iframe, используйте css для этого, и вы сможетелегко изменять их ширину и высоту в зависимости от размера страницы. Например, каждый ваш div будет иметь этот стиль в вашем файле CSS
div{
display:inline-block;
float: left;
width: 100%;
max-width: 350px;
}
iframe{
width:560;
height:315;
}
Код CSS выше будет служить для вас обычным дизайномТеперь, дизайн мобильного телефона для вашей страницы может быть определен по этому CSS-коду
@media only screen and (max-width: 320px){
}
. В медиа-запросе вы можете изменить дизайн своей страницы, чтобы она была адаптивной для мобильных устройств. Это не изменит ваш первый CSS-дизайн.по умолчанию. Это повлияет на ваш дизайн только тогда, когда экран вашего устройства имеет 320px или ниже.