Als «css» getaggte Fragen

CSS (Cascading Style Sheets) ist eine Darstellungssprache, die zur Beschreibung des Erscheinungsbilds und der Formatierung von HTML-Dokumenten (HyperText Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen verwendet wird, einschließlich (aber nicht beschränkt auf) Farben, Layout, Schriftarten, und Animationen. Außerdem wird beschrieben, wie Elemente auf dem Bildschirm, auf Papier, in der Sprache oder auf anderen Medien gerendert werden sollen.

4
Warum erfolgt das Festlegen der CSS-Eigenschaft mithilfe von Promise.then nicht tatsächlich im then-Block?
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(() => { box.style.transition = 'none' box.style.transform = '' resolve('Transition complete') }, 2000) }).then(() => { box.style.transition = …
3
TCPDF-Ganzseitentabelle
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 = '<table><thead><tr><th …
11 php  html  css  tcpdf 
3
Das Beibehalten der Bildlaufposition funktioniert nur, wenn Sie sich nicht am unteren Rand des Nachrichtendivs befinden
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 herauszufinden, wann die Tastatur offenbar geöffnet und geschlossen wird) und manuelles …
9
So erstellen Sie ein <div> genaues Ausfüllen des Browserfensters, einschließlich Mobile Safari ab 2019
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 kleiner Screenshot der Karte, damit Sie sehen können, wovon ich …
1
iOS Chrome berechnet die falsche Höhe des Dokuments
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 https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browser.html ) Schritte zum Reproduzieren: Öffnen Sie https://angelika94.github.io/rick/ in Google Chrome auf dem iPhone …
1
Wie kann ich Schriftarten in CSS mit Webpack einbinden?
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 Renderer kann nicht auf die …
2
Problem mit "Leerzeichen: Nowrap" in Chrome 78.0.3904.70
Seit der Veröffentlichung von Chrome v78.0.3904.70 treten Probleme bei der Verwendung &amp;nbsp;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, da er außerhalb des Containers unterbrochen ist. Scheint nur zu passieren, wenn der Text zu lang …
2
Position klebriges iPhone flackert
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 für Oben auf …
10 html  css 
1
Nebenwirkungen beim Entfernen von "width = device-width" aus dem Meta-Tag des Ansichtsfensters, wenn auch "initial-scale = 1.0" festgelegt ist
Obwohl das &lt;meta name="viewport"&gt;Tag nicht standardisiert ist, wird es "von den meisten mobilen Browsern aufgrund der De-facto-Dominanz respektiert". Ein Nachteil davon, dass es sich nicht um einen echten Webstandard handelt, ist, dass eine detaillierte Dokumentation nicht so verfügbar ist wie andere Standards. Die CSS-Arbeitsgruppe hat eine Spezifikation dafür, daher verwende …
4
Teile der Div-Grenze werden abgeschnitten
Ich habe ein Containerelement, das einige andere Elemente enthält, aber je nach Bildschirmgröße sind Teile davon unerklärlicherweise an verschiedenen Stellen abgeschnitten. Sie können das Verhalten auf meinem Code-Sandbox-Link beobachten, wenn die Breite der HTML-Seite angepasst wird (durch Klicken und Ziehen). Wie kann ich sicherstellen, dass nur der Hauptcontainerrand gerendert wird …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.