So machen Sie Header-Bilder, Text und Schaltflächen responsiv

Ich erstelle eine Website mit Bootstrap5. Im Header der Website verwende ich Carousel von Bootstrap für meinen Header. Karussellbilder ermöglichen auch die Anzeige von Text und Schaltflächen. Ich möchte, dass die Bilder, Texte und Schaltflächen responsiv sind. Ich habe versucht, Medienabfragen zu ve...

P粉604507867 2023-09-17 09:51:15 0  1  778

Responsives Bild und Text Div nebeneinander

Ich versuche also, eine Vorlage zu erstellen, bei der ein Div ein Bild und das andere Text mit Hintergrund ist. Jetzt möchte ich diese Vorlage responsive machen, sodass der Text mit einer bestimmten Pixelbreite unter dem Bild liegt. Als ich Stackoverflow durchgesehen habe, habe ich unzählige Beiträg...

P粉005134685 2024-04-02 08:59:38 0  1  510

Wie erhalte ich mit jquery die URL-Adresse des Hintergrundbilds?

Wie erhalte ich die URL-Adresse des Hintergrundbilds in JQuery?

仅有的幸福 2017-05-19 10:41:23 0  1  730

Responsives PNG-Bild auf Hintergrundbild?

Ich versuche, ein Seitendesign wie dieses zu erstellen: Klicken Sie und tatsächlich ist es mir gelungen. Das Problem ist, dass sich die Elemente überlappen, wenn ich die Auflösung der Webseite ändere, sich das Hintergrund-Div und PNG unterschiedlich verhalten und alles schrecklich aussieht. (Ich hab...

P粉107991030 2024-02-21 21:06:46 0  1  468

javascript - Wenn Sie FadeOut und FadeIn von JQuery in IE7 verwenden, wird das Hintergrundbild mit schwarzen Rändern angezeigt? ?

Bei Verwendung von FadeOut und FadeIn von jquery in IE7 erscheint das Hintergrundbild mit schwarzen Rändern. Hat jemand diese Situation erlebt? ?

某草草 2017-05-19 10:40:02 0  1  621

css3 – Grafik- und Text-Responsive-Stil

Machen Sie diese Seite auf dem PC-Desktop responsiv: Eine Möglichkeit besteht darin, das Bild direkt responsiv zu machen. Der einzige Nachteil besteht darin, dass der Text unscharf ist und die andere Möglichkeit darin besteht, das Bild + den Text zu verwenden Auf diese Weise muss die Textgröße anpas...

習慣沉默 2017-05-16 13:20:57 0  3  739

Entwerfen Sie responsive Seiten mit Bildern und Inhalten

Ich bin neu im Frontend und habe einige Probleme mit dem Layout und der Reaktionsfähigkeit. Das ist mein bisheriger Code: body{margin:0;background-color:#353535;}.header{color:white;text-align:center;font-size:20px;margin:auto;font-family :'Inter ',serif;font-weight:bold;width:700px;

P粉676588738 2023-09-07 15:55:30 0  1  538

Mit dem SVG-Bild kann kein reaktionsfähiger Rasterbereich erstellt werden

Wenn ich versuche, einen responsiven Rasterbereich zu erstellen, der ein SVG-Bild enthält, stoße ich auf seltsames Verhalten, z. B. willkürliche Breiten des Rasterbereichs und es gelingt mir nicht, das Bild ohne Unterbrechung bis zu einem bestimmten Punkt zu vergrößern oder zu verkleinern. Das nächs...

P粉022140576 2023-08-30 19:15:16 0  1  581

Wie erstelle ich ein reaktionsfähiges Raster in ionic Angular und ngfor?

Wie erstelle ich ein reaktionsfähiges Raster in ionicAngular und ngfor? Geben Sie hier eine Bildbeschreibung wie hier ein, um meine Rastervorlage zu beschreiben: <ion-grid><ion-row><ion-col><ion-item*ngFor="letprodofdisplayedList" class="item-entry"detailrout...

P粉106715703 2023-09-14 22:57:49 0  1  628

javascript – Fragen zum jQuery File Upload-Plug-in

Der Benutzer verwendet das Tag „input="file", um ein Bild auszuwählen. Nachdem ich das vom Benutzer ausgewählte Bild zur Verarbeitung auf die Leinwand gezeichnet habe, erhalte ich die Base64-Bilddaten. Dann stellt sich die Frage, wie ich dieses Ergebnis in die jQuery-Datei einfüge Hochlade...

淡淡烟草味 2017-06-10 09:49:07 0  1  666

css – So schreiben Sie ein responsives Layout mit Hintergrundbildern

Ähnlich wie hier möchte ich jetzt eine Komponente mit einem Hintergrundbild erstellen, aber das Hintergrundbild kann nicht 100 % groß sein, und dann muss sich in der Mitte ein Inhalt befinden, links ein Bild und rechts ein Text es reagiert?

怪我咯 2017-07-06 10:37:20 0  3  2127

So wählen Sie geeignete CSS-Stile basierend auf Bildschirmgröße/Gerät aus

Bootstrap3 verfügt über einige nette CSS-Klassen in responsiven Dienstprogrammen, die je nach Bildschirmauflösung bestimmte Blöcke ein- oder ausblenden können. http://getbootstrap.com/css/#responsive-utilities-classes Ich habe einige Stilregeln in einer CSS-Datei, die ich verwenden möchte Abhängig v...

P粉529245050 2023-08-21 21:50:42 0  2  567

Der Signaturbildpfad kann nicht in der Datenbank gespeichert werden

Ich verwende https://laratutorials.com/signature-pad-php-mysql-jquery/, um das Signaturpad zu erstellen. Das Problem besteht darin, dass der Signaturbildpfad nicht in der Datenbank gespeichert wird, wenn ich auf „Senden“ klicke. Dies ist der Code für upload.php <?phpinclude_once'../db_connect.php...

P粉388945432 2024-02-17 12:52:43 0  1  370

javascript – So verwenden Sie JQuery, um Dom in einer JS-Vorlage abzurufen und zu betreiben

Wie im Bild gezeigt, handelt es sich um in ein Skript eingebettetes HTML, das ich nicht abrufen konnte. Im Internet heißt es, dass das Skript als gewöhnliche Zeichenfolge analysiert wird.

typecho 2017-06-12 09:30:32 0  3  887

javascript – So implementieren Sie die Drag-and-Drop-Funktion von JQuery UI, um Drag-and-Drop zu stoppen, wenn bestimmte Bedingungen erfüllt sind

Wie im Bild gezeigt, kann ich den kleinen Punkt in der unteren rechten Ecke ziehen, um das Bild zu vergrößern. Da die Zoomfunktion von jquery ui nicht erfüllt werden kann, muss ich dies selbst schreiben. Jetzt muss ich den kleinen Punkt in der unteren rechten Ecke ziehen Ecke an die Position in Abbi...

某草草 2017-05-19 10:42:24 0  1  487

Bild über die Funktion onclick() ändern

Ich möchte ein Bild in ein anderes ändern, wenn ich auf das Objekt klicke. Der Code ist in der folgenden Reihenfolge gestapelt: Ich möchte, dass das Bild beim Klicken durch eine farbige Version des Bildes, also ein anderes Bild, ersetzt wird. Jetzt weiß ich, dass ich es mit JQuery/JS machen kann. Ab...

P粉242535777 2023-08-18 08:53:28 0  1  514

javascript – So schließen Sie das Modal, indem Sie auf eine andere Stelle in Vue klicken

Wie im Bild gezeigt, wie kann ich diese Popup-Ebene schließen, indem ich auf eine andere Stelle klicke? Es ist sehr einfach, mit jquery zu arbeiten. Ich möchte wissen, was die Idee ist, diese Funktion in Vue zu implementieren.

我想大声告诉你 2017-05-19 10:35:22 0  3  764

jQuery-Plugin für Webpack-Paketierung - Stapelüberlauf

Verwenden Sie auf mehreren Seiten zunächst „providePlugin“, um jQuery für den globalen {Code...} verfügbar zu machen. Beim Verweisen auf das jQuery-Plugin weiß ich nicht, was ich tun soll. Wenn es sich um ein gewöhnliches js-Plugin handelt benötige es direkt. Einige Plug-Ins verfügen jedoch sowohl ü...

黄舟 2017-06-26 10:50:32 0  2  875

Javascript – Natives JS und jQuety zum Einstellen des Bildkarussell-Timers

Bezüglich des Bildkarussells, Einrichten der automatischen Wiedergabe: Wenn Sie nativen JS-Code verwenden, kenne ich derzeit zwei Methoden, die erste: {code...} Die zweite (wobei sich oBtnNext auf eine bestimmte erhaltene Schaltfläche bezieht): { Code. ..} Hier kommt die Frage, ob jQuery($("#ne...

大家讲道理 2017-07-05 10:58:00 0  1  1065

Wie erreicht man ein responsives Design unter Beibehaltung fester Bildabmessungen?

Ich habe das folgende CSS (mit Bootstrap), um die Größe eines Bildes so zu ändern, dass es ohne Dehnung in einen 16:9-Container passt:

P粉739706089 2023-08-16 14:35:27 0  1  479