Wie kann ein Iframe reagieren, ohne ein Seitenverhältnis anzunehmen? Beispielsweise kann der Inhalt eine beliebige Breite oder Höhe haben, die vor dem Rendern unbekannt ist. Beachten Sie, dass Sie Javascript verwenden können. Beispiel: <div id="iframe-container"> <iframe/> </div>...
Wenn Sie im folgenden Beispiel auf die Beschriftung klicken, ändert sich der Status der Eingabe. document.querySelector("label").addEventListener("click", function() { console.log("clicked label"); }); label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;...
Chrome Browser füllt automatisch den Effekt von background-colorund background-imageaus Usernameund PasswordEingabefeldern aus. Vor der automatischen Vervollständigung Nach der automatischen Vervollständigung Aber die automatische Vervollständigung von Chrome Browser verbirgt meine Symbole...
Die Frage scheint , dass bestimmte Buchstaben zu sein g, y, qetc. , das einen Schwanz hat , dass schräg nach unten geneigt, nicht für vertikale Zentrierung ermöglichen. Hier ist ein Bild, um das Problem zu veranschaulichen . Die Zeichen in der grünen Box sind im Grunde perfekt, da sie keinen nach...
Ich habe viele Möglichkeiten ausprobiert, um die Tabelle an die Seite (A4) anzupassen, wie auf dem Bild gezeigt: Ich habe viel gesucht, aber im Web nichts Nützliches gefunden. Ich verwende eine dynamische Tabelle, bis auf die Breite der Tabelle ist alles in Ordnung. Hier ist mein Code: $content =...
Bitte versuchen Sie, das folgende Snippet auszuführen, und klicken Sie dann auf das Feld. const box = document.querySelector('.box') box.addEventListener('click', e => { if (!box.style.transform) { box.style.transform = 'translateX(100px)' new Promise(resolve => { setTimeout(() =>...
Wir haben eine E-Commerce-App, die Bestelldetails sendet, wenn ein Kauf getätigt wird, und wir haben gerade diese E-Mail-Vorlage neu gestaltet. Wir haben in den letzten Tagen Berichte erhalten, wonach bei einigen Kunden die Hälfte des Textes in der E-Mail fehlt. Nachdem wir endlich einen Screenshot...
Ich folge einem kleinen Teil meines Codes. Ich frage mich nur, warum die "iPhone" -Zelle nur vom iPhone flackert. PS. Ich kann keine Tabelle oder Liste für die Struktur verwenden. Ich habe es auch versucht transform: translate3d(0,0,0);. Grundsätzlich muss die erste Zelle sowohl für Links als auch...
Seit der Veröffentlichung von Chrome v78.0.3904.70 treten Probleme bei der Verwendung der CSS-Eigenschaft auf white-space: nowrap;. Der nicht unterbrechende Raum scheint einen Zeilenumbruch zu verursachen. Bei Verwendung text-overflow: ellipsiswird der tatsächliche Text nicht angezeigt,...
Problemhintergrund: Ich verwende Katex, um etwas Mathematik auf einer Seite zu rendern. Ich möchte dann eine PDF-Version eines Teils dieser Seite erstellen, also erstelle ich ein HTML-Dokument, das den zu exportierenden Teil enthält, der das gesamte CSS enthält, und übergebe es an den Renderer. Der...
Um die gesamte Höhe der Seite auszufüllen, verwende ich height: 100%;für HTML- und Body-Tags und es funktioniert einwandfrei, bis ein Browser geschlossen und wieder geöffnet wird. (Ich verwende 100vh nicht aufgrund von Problemen auf Mobilgeräten
Ich arbeite an einer einseitigen Web-App, die normalerweise auf Mobilgeräten verwendet wird. Eine seiner Funktionen ist ein Kartenmodus, der vorübergehend das gesamte Browserfenster übernimmt. An den vier Ecken der Karte sind eine Entfernungsskala und einige Steuerelemente angebracht. Hier ist ein...
Ich habe gestern eine ähnliche Frage gestellt , sie aber schlecht erklärt und meinen Wunsch nach einer reinen CSS-Lösung, die meiner Meinung nach möglich sein sollte, nicht spezifiziert, also versuche ich es erneut. Grundsätzlich habe ich ein Problem, bei dem ein Teil der scrollbaren Nachrichten...
Ich versuche, andere mobile Chat-Apps nachzuahmen. Wenn Sie das send-messageTextfeld auswählen und die virtuelle Tastatur öffnen, wird die unterste Meldung weiterhin angezeigt. Es scheint erstaunlicherweise keine Möglichkeit zu geben, dies mit CSS zu tun, also JavaScript- resizeEreignisse (nur um...
Ich habe einige echte Probleme beim Versuch, meine Seitenleisten- / Navigationsinhalte (mithilfe von Bootstrap) standardmäßig auf dem Desktop anzuzeigen (zu erweitern) und standardmäßig auf Mobilgeräten zu schließen und das Symbol nur auf Mobilgeräten anzuzeigen. Ich kann das scheinbar nicht zum...
Ich habe eine "sortierbare" Tabelle, in der die Kopfzeile der aktuell sortierten Spalte ein Symbol anzeigt: Das Sortiersymbol soll am Ende des Textes angezeigt werden (dh wir unterstützen LTR / RTL). Ich benutze gerade display:flex. Wenn jedoch die Tabellenbreite kleiner wird und der Text der...
Ich habe eine Anwendung, in der ich die Material-Benutzeroberfläche und ihren Themenanbieter (mit JSS) verwende. Ich verwende jetzt Fullcalendar- React, was eigentlich keine vollwertige React-Bibliothek ist - es ist nur ein dünner React-Komponenten-Wrapper um den ursprünglichen Fullcalendar-Code....
Ich muss ein Karussell mit 12 Elementen bauen, die ein unendlich rotierendes 3D-Rad simulieren. Um klar zu sein, muss ich genau diesen Effekt erzeugen: https://codepen.io/SitePoint/pen/yXWXaw ( hier zu finden ) Aber mit diesen zusätzlichen Funktionen (insbesondere auf dem Desktop und auf...
Ich habe eine Schatzkartenanimation erstellt. Zuerst wird der Pfad in Hellgrau angezeigt. Zu Beginn der Animation möchte ich jedoch, dass die hellgrauen Striche verschwinden oder sich in eine schwarze Farbe verwandeln, wenn die Füllanimation ".road" aktiviert wird Probleme damit, dass die...
Ich habe einen Wrapper erstellt, in dem ich auf der Airpods Pro-Seite den gleichen Effekt wie Apple animiert habe . Es ist im Grunde ein Video, wenn ich scrolle, wird das Video Stück für Stück abgespielt. Die Position des Videos ist festgelegt, sodass der Text gut darüber rollt. Der Text ist jedoch...