CSS einschränken, um in welchem ​​DIV anzuwenden

Question

Mein Projekt ist in AngularJS und ich habe Funktionalität in meinem Projekt, dass externe Mail eine Vorschau von meiner Mail-Anwendung anzeigen kann. Jetzt verwende ich iFrame, um diese Mail anzuzeigen. Aber nach dem Aktualisieren des Chrome-Browsers blinkt die Seite aufgrund von iFrame zu sehr und möchte diesen iFrame auch entfernen, da iFrame jetzt veraltet ist.

Es gibt jedoch ein Problem nach dem Entfernen von iFrame. In meiner Mail, die auch CSS enthalten. jetzt, wenn ich DIV anstelle von iFrame verwende, dann gilt CSS auch für meine Vorlage und ändere das Design meiner Vorlage.

Also, bitte geben Sie mir eine alternative Lösung von iFrame.

Answer 1

Das von Ihnen beschriebene Verhalten wird erwartet. Die einzige echte Alternative zur CSS-Isolierung wäre die Verwendung des Schatten-DOM, obwohl die Browser-Unterstützung schlecht ist.