Wie man mit CSS-Bildverzerrungen umgeht

藏色散人
Freigeben: 2023-02-17 14:54:36
Original
4263 Leute haben es durchsucht

Lösung zur CSS-Bildverzerrung: 1. Öffnen Sie die entsprechende CSS-Datei. 2. Behalten Sie die Länge und Breite des ursprünglichen Elementinhalts bei, indem Sie „object-fit:none;“ festlegen.

Wie man mit CSS-Bildverzerrungen umgeht

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Was tun, wenn das CSS-Bild verzerrt ist? Breite im CSS-Stil: 100 % Bildverzerrung Stellen Sie sicher, dass sich das Bild an die Bildschirmgröße anpasst. Wenn Sie die Breite auf 100 % einstellen, kommt es zu Bildverzerrungsproblemen Seien Sie vorsichtig, wenn nach dem Festlegen von object-fit:none die Bildschirmgröße kleiner als die Bildgröße ist, wird das Bild automatisch auf die mittlere Position zugeschnitten

Verwandte Erweiterung:

Im Jahr 1990 haben Tim Berners-Lee und Robert Cailliau gemeinsam gearbeitet Erfand das Web. 1994 kam das Web tatsächlich aus dem Labor.

Seit der Erfindung von HTML gibt es Stile in verschiedenen Formen. Verschiedene Browser kombinieren ihre eigenen Stilsprachen, um Benutzern die Kontrolle über Seiteneffekte zu geben. Der ursprüngliche HTML-Code enthielt nur wenige Anzeigeattribute.

Mit dem Wachstum von HTML hat HTML viele Anzeigefunktionen hinzugefügt, um den Anforderungen von Seitendesignern gerecht zu werden. Aber je mehr diese Funktionen vorhanden sind, desto komplexer wird HTML und die HTML-Seiten werden immer aufgeblähter. So wurde CSS geboren.

Hakun Lee schlug 1994 den ursprünglichen CSS-Vorschlag vor. Da Bert Bos damals einen Browser namens Argo entwarf, beschlossen sie, gemeinsam CSS zu entwerfen.

Tatsächlich gab es zu dieser Zeit bereits einige Vorschläge zur Vereinheitlichung von Stylesheet-Sprachen in der Internetbranche, aber CSS war die erste Stylesheet-Sprache mit der reichen Bedeutung von „Kaskadierung“. In CSS können Stile in einer Datei von anderen Stylesheets geerbt werden. Der Leser kann an manchen Stellen seinen eigenen bevorzugten Stil verwenden und an anderen Stellen den Stil des Autors übernehmen oder „kaskadieren“. Dieser mehrschichtige Ansatz gibt sowohl Autoren als auch Lesern die Flexibilität, ihre eigenen Designs hinzuzufügen und zu mischen, was jedem gefällt.

Hakun schlug CSS zum ersten Mal auf einer Konferenz in Chicago im Jahr 1994 vor. CSS wurde 1995 auf der WWW-Netzwerkkonferenz erneut vorgeschlagen. Boss demonstrierte das Beispiel des Argo-Browsers, der CSS unterstützt, und Hakun stellte auch den Arena-Browser mit CSS-Unterstützung vor.

Im selben Jahr wurde die W3C-Organisation (World WideWeb Consortium) zur W3C-Arbeitsgruppe gegründet und setzte alles daran, CSS-Standards zu entwickeln. Die Entwicklung von Cascading Style Sheets war endlich auf dem richtigen Weg. Immer mehr Mitglieder waren beteiligt, beispielsweise Thomas Reaxdon von Microsoft, dessen Bemühungen schließlich zur Unterstützung des CSS-Standards im Internet Explorer-Browser führten. Ha Kun, Persia und andere sind die wichtigsten technischen Leiter dieses Projekts. Ende 1996 wurde der erste Entwurf von CSS fertiggestellt. Im Dezember desselben Jahres wurde der erste formale Standard für Cascading Style Sheets (Cascading Style Sheets Level 1) fertiggestellt und vom w3c zum empfohlenen Standard.

Anfang 1997 begann die für CSS zuständige W3C-Arbeitsgruppe, Probleme zu diskutieren, die in der ersten Version nicht behandelt wurden. Die Ergebnisse der Diskussionen bildeten die zweite Ausgabe der CSS-Spezifikation, die im Mai 1998 veröffentlicht wurde.

Empfohlenes Lernen: „

CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie man mit CSS-Bildverzerrungen umgeht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!