Как сохранить CSS страницы от создания iframe, который загружает HTML-документ?

Question

У меня есть iframe, который при загрузке немного меняется. Есть какой-то сброс или что-то мне нужно применить? Как сделать так, чтобы содержимое iframe выглядело одинаково, независимо от того, на какую страницу оно загружается?

Answer 1

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

Один из подходов состоит в том, чтобы назначить идентификатор только этому контейнеру iFrame, например, #myiframe, а затем тщательно и конкретно указать все стили, которые вы хотите применить. Создайте свои таблицы стилей, чтобы избежать конфликтов с этим элементом, и используйте объявление !important, если вы в крайнем случае нуждаетесь в подчиненном свойстве для переопределения унаследованных стилей. Это сводится к тщательному дизайну больше всего на свете и здоровому пониманию того, как работают каскадные таблицы стилей.

Answer 2

Добавьте к вашим стилям :not(iframe)

Так что ваши CSS definition s будут выглядеть следующим образом:

:not(iframe) body div { margin:0 auto; } /* only applies styles to div's */
                                         /* inside body and not inside an */
                                         /* iframe */

Answer 3

Я думаю, что если у вас есть поддомен и вы поместите его в iframe, он остановит CSS.

//from my.com
<iframe src="subdomain.my.com"></iframe>