Iframe, сохраните в нем оригинальный css
У меня следующая ситуация. У меня есть html-страница с несколькими графиками. Если вы откроете его на настольном устройстве, вы увидите графики рядом. Если вы откроете его на мобильном телефоне, вы увидите один график ниже другого. У этих страниц есть собственный CSS.
Мне нужно загрузить эту страницу на другую страницу, используя iframe или тег объекта. Моя проблема в том, что когда я включаю его в iframe, изначально теряю ответ. Итак, теперь, если открыть страницу (с исходным html во фрейме) на мобильном устройстве, я вижу параллельные графики вместо мобильного представления.
Есть предложения по решению этой проблемы? Я попытался включить на новую страницу тот же CSS в теге head, но поведение осталось прежним.
С уважением,
Ответы 1
Я добавил строку ниже в заголовок и теперь работаю. Спасибо,
<meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" />
<meta name = "viewport" content = "width=device-width, initial-scale=1">
С уважением,
Попробуйте решение, упомянутое здесь: stackoverflow.com/questions/17838607/…