Wie kann die Interaktionsfähigkeit zweier Kontaktfelder verbessert werden?

Ich muss zwei Felder („CallUs“ und „OurEmail“) zentrieren und sie gleichzeitig reagieren lassen. Sie sollten auf kleinen Bildschirmen gestapelt werden. Ich habe Inline-CSS, um sie wie gezeigt auf großen Bildschirmen korrekt zu positionieren, aber sie stapeln sich nicht so, wie sie es auf kleinen Bil...

P粉725827686 2023-08-14 21:20:22 0  1  577

Ich habe einen leeren Raum, der immer größer wird, und ich habe keine Ahnung, warum

Bild der Frage: Bild der Frage Wenn Sie sich das vorherige Bild ansehen, werden Sie sehen, dass ich dort einen riesigen leeren Raum habe. Wenn ich mein normales Display (ca. 1200 Pixel) habe, ist alles in Ordnung. Wenn jedoch die Breite verringert wird, vergrößert sich der Leerraum immer, und ich we...

P粉729518806 2023-08-14 19:03:11 0  1  564

Flexbox-Elemente laufen über den Container hinaus, wenn das Fenster zu kurz ist und die Seitenleiste die untere Ausrichtung nicht beibehalten kann

Ich versuche, ein einfaches Flex-Layout zu verwenden, das aus einer Kopfzeile, einem 2x2-Inhaltsraster und einer Seitenleiste besteht. Wenn die Breite des Fensters eine bestimmte Größe unterschreitet, sollte die Seitenleiste an den unteren Bildschirmrand verschoben werden. Sobald diese Größe erreich...

P粉226642568 2024-03-31 00:03:58 0  1  494

javascript - Wie kann ich dafür sorgen, dass das Hintergrundbild des Körpers im Vollbildmodus mit unterschiedlichen Auflösungen angezeigt wird? Kleine Auflösungen haben vertikale Bildlaufleisten und der zusätzliche Inhalt hat keinen Hintergrund? Wie man damit umgeht?

Wenn ich eine große Bildschirmauflösung verwende, wird der Hintergrund problemlos im Vollbildmodus angezeigt. Wenn ich zu einem kleinen Bildschirm wechsle, hat der Bildlaufinhalt keinen Hintergrund. Code:

黄舟 2017-05-19 10:30:07 0  2  630

Cookie-Berechtigungen verursachen einen Iframe-Fehler

Ich verwende derzeit einen einfachen Iframe auf meiner Webseite und verwende Bootstrap, um mich an kleine Bildschirme (=you ubeShort) und große Bildschirme (=normales Querformatvideo) anzupassen: <divclass="containerd-noned-md-block" style="max -width:1000px;height:30%;">&l...

P粉447002127 2024-01-21 16:00:06 0  1  642

Kann ich mit Vuetify die volle Tabellenbreite auf mobilen Bildschirmen erreichen?

Kann ich mit Vue2 und Vuetify eine Tabellenverkleinerung auf kleinen Bildschirmen erreichen? Ich habe eine Aufgabe, bei der eine Tabelle auf mobilen Bildschirmen in voller Breite bleiben muss und vergrößert werden kann. Erzielen Sie grundsätzlich ein IMG-ähnliches Verhalten. Ich muss grundsätzlich e...

P粉842215006 2023-08-30 20:56:28 0  1  635

Wie richte ich Bilder mithilfe eines CSS-Rasters aus?

Ich versuche, einen Teil einer Website mithilfe eines CSS-Rasters zu erstellen. Ich versuche, dass die Liste und das Bild in derselben Zeile bleiben und verkleinert/vergrößert werden, wenn sich die Bildschirmgröße ändert. Der Code wird unten eingefügt. Jede Hilfe wird sehr geschätzt. Ich frage mich,...

P粉463824410 2024-04-01 22:08:31 0  1  475

CSS-Center-Popup auf dem Bildschirm, funktioniert auf Computern und Tablets, aber nicht auf Telefonen

Versuchen Sie, mithilfe von CSS ein Hilfe-Popup in der Mitte des Bildschirms anzuzeigen. Auf meinem Computer und meinem iPad funktioniert es einwandfrei, aber auf dem iPhone ist das Popup vertikal zentriert innerhalb des gesamten scrollbaren vertikalen Raums, was bedeutet, dass ich manchmal nach obe...

P粉662802882 2024-03-28 20:02:46 0  1  381

justify-content: space-between in Flexbox scheint nicht zu funktionieren

Ich habe versucht, mithilfe von Klassen und IDs viele Dinge im CSS zu ändern, aber es scheint keine Möglichkeit zu geben, beide Bilder auf der anderen Seite des Bildschirms anzuzeigen (Logo ganz links, Profil ganz links). ganz rechts). Ich habe viele verschiedene Dinge wie Textausrichtung und versch...

P粉511749537 2024-03-21 23:06:10 0  1  445

Schaltflächen erstellen, die sich an die Bildschirmgröße anpassen – ausführliche Erklärung zur Verwendung von Hintergrundbildern

Ich entwickle ein pfsensecaptiveportal, bei dem mehrere Grafiken nebeneinander angezeigt und an die Bildschirmgröße des Geräts angepasst werden müssen. Dies kann gut mit dem Bildeingabetyp erreicht werden. Das Pfsense-Gerät erkennt diesen Commit jedoch nicht richtig. Damit es funktioniert, ist ein C...

P粉345302753 2023-08-16 13:38:12 0  1  634

Unerklärlicher rechter Rand, wenn die Seite nicht im Vollbildmodus angezeigt wird – Nuxt/Tailwinds

Ich versuche, mit Nuxt, Vue3 und TailwindCSS eine einfache Lebenslaufseite zu erstellen. Wenn mein Browser im Vollbildmodus ist, sieht alles gut aus und alles funktioniert gut. Wenn ich jedoch etwas anderes als den Vollbildmodus sehe, ist die rechte Seite der Seite im Hauptteil der App ohne Grund le...

P粉710478990 2023-09-01 00:05:46 0  1  574

Ich kann nichts auf dem Bildschirm zentrieren

Ich folge einem YouTube-Tutorial darüber, wie man mit CSS eine responsive Navigationsleiste in HTML erstellt. Alles läuft einwandfrei, bis ich versuche, Text in der Mitte des Bildschirms hinzuzufügen, und er auf der linken Seite des Bildschirms erscheint (nur wenn der Die Fensterauflösung ist höher ...

P粉136356287 2024-04-01 11:51:40 0  2  430

React.js CSS-Fensterbreite

Ich entwickle eine responsive Website mit React. Für das Styling verwende ich CSS-Stylesheets. Der Antwortteil wird in CSS mithilfe von @media-Abfragen implementiert. Das Problem besteht darin, dass die Elemente bei Verwendung von Chrome größer erscheinen und das Layout so aussieht, als würde ich üb...

P粉396248578 2024-03-31 16:31:23 0  1  523

Verwenden Sie Tailwind CSS, um eine feste Breite und Höhe der Karten im CSS-Raster sicherzustellen

Ich erstelle eine App mit TailwindCSS und React und in einer der Ansichten habe ich ein Kartenraster. Derzeit sieht es so aus: Wie Sie sehen können, quetschen sich die Karten hinein, wenn ich das Fenster verkleinere. Ich möchte sicherstellen, dass die Kartengröße (Breite und Höhe) immer gleich bleib...

P粉184747536 2024-03-26 21:34:28 0  1  465

Benötigen Sie Hilfe beim Zentrieren von Inhalten und beim Anklicken von Bildlinks?

Im Wesentlichen muss das Bild und der Titel zentriert auf dem Bildschirm angezeigt werden, aber ich muss auch darauf achten, dass das Bild anklickbar ist und der Link geöffnet werden kann. Ich glaube, ich habe den richtigen Code dafür, aber ich habe immer noch diese beiden Probleme. Außerdem gibt es...

P粉794851975 2023-09-13 12:12:49 0  1  668

max-content minimale und feste Breite für CSS-Rasterspalten

Ich habe ein CSS-Raster und möchte, dass seine Spaltenbreite der Breite des größten Elements in der Spalte oder 100 Pixel entspricht, je nachdem, welcher Wert kleiner ist. Ich dachte, minmax(max-content,100px) könnte funktionieren, aber das funktioniert nicht. Im folgenden Beispiel sollte die schmal...

P粉245003607 2023-09-06 11:26:46 0  1  508

Website-Design und -Entwicklung mit Hugo Tikva-Theme und Bootstrap-4

Ich überarbeite meine Unternehmenswebsite mit dem Hugo-Framework und Bootstrap. Das Entwickeln von Websites ist nicht mein Spezialgebiet, daher brauche ich Hilfe dabei, zu verstehen, wie ich ein Hugo-Theme (Tikva) und Bootstrap verwende, um die Website so aussehen zu lassen, wie ich es möchte. Seit ...

P粉166675898 2023-09-11 08:49:48 0  1  516

So erstellen Sie eine Vue-Komponente mit exportierbaren Funktionen

Ich versuche zu verstehen, wie man eine Komponente mithilfe exportierbarer Funktionen erstellt. Beispiel: Ich möchte ein Meldungsfeld erstellen, das auf dem Bildschirm angezeigt wird, wenn die aus dieser Komponente importierte Methode showMessage() in anderen Komponenten aufgerufen wird. In der Nach...

P粉458725040 2023-09-11 20:34:15 0  1  608

Targeting einbetten

Ich versuche derzeit, den eingebetteten Inhalt zwischen dem Bild und der Mitte des Bildschirms zu positionieren. Um dies zu erreichen, habe ich https://rss.app/ genutzt, um den NBA-Teil von Google News in meine Website einzubetten. Wenn Sie CSS-Dateien benötigen, fragen Sie gerne nach. Ich kämpfe sc...

P粉709644700 2023-09-15 00:14:35 0  1  654

Meine Website wird auf dem Desktop einwandfrei angezeigt, auf dem mobilen Bildschirm jedoch nicht

Ich verwende HTML/CSS, um meine persönliche Website zu gestalten. Der Text lässt sich jedoch nicht auf das Telefon skalieren. Bitte beachten Sie das Bild unten. Websites sehen auf dem Desktop gut aus, werden aber auf Mobilgeräten nicht gut angezeigt. Meine Google Drive-Einbettung passt nicht einmal ...

P粉827121558 2024-03-30 15:09:41 0  1  513