У меня есть следующий шаблон в IFRAME: http://vho_pfodox_1811.vh.parking.ru/templates/resumeIframe перерывы отзывчивость
на небольших устройствах, он работает не правильно, но без фрейма это выглядит нормально. Как я могу сделать эту работу в iframe?
У вас есть этот тег метаданных в заголовке сайта/iframe HTML?
<meta name="viewport" content="width=device-width, initial-scale=1">
На небольших устройствах, как ширина и высота устройства изменения вы должны следовать другой метод проектирования под названием Адаптивный веб-дизайн (RWD), где можно сделать компоненты веб-страницы, чтобы соответствовать Размер экрана.
Для вашего фрейма, в CSS
iframe
{
width:(your own dimension)%;
height:(your own dimension)%;
margin:(your own dimension)%;
}
и в источнике HTML добавить этот мета-тег внутри головы тег
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0">
Примечание: Для создания вашего IFRAME отзывчивым вам необходимо указать свои размеры только в%, а не в других единицах, таких как px, in или em
О, спасибо, это меняет все)) –