Responsive Probleme auf JS Fullpage Scroll-Layout

Question

Ich arbeite an dieser Website und alles funktioniert bis zu dem Zeitpunkt, an dem ich das responsive Design testen.

Der Inhalt wird geschnitten, eine Menge. Website-Link: http://ciesseprogettazioni.netkom.it/

Wie kann ich dies verhindern und wie kann ich den Inhalt wirklich reaktionsfähig machen?

Ich denke über die Verwendung von VH, Höhen zu setzen, da dieses Wordpress-Plugin 100VH für jeden scrollbaren Abschnitt setzt.

Irgendwelche Ideen? Soll ich alles mit% machen, damit der Inhalt wirklich reagiert?

Answer 1

Es gibt Probleme mit vielen Elementen, die verschwinden, während die Breite der Seite kleiner wird. Aus einem kurzen Blick habe ich gesehen, dass einige deiner Elemente Höhe, Breite usw. (in px) eingestellt haben. Ein Schritt, um die Reaktionsfähigkeit zu erhöhen, ist die Verwendung von Responsiven Einheiten wie em, vh,%.

Sie können auch die Eigenschaften von @media verwenden, um noch präziser zu sehen, wie sich Ihre Website in bestimmten Breiten verhält. Um dies zu tun, sollten Sie dies in Ihrem HTML-Kopf verwenden:

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

und so etwas wie dies in Ihrem CSS:

@media (min-width: 320px) and (max-width: 567px){ 
    #selector{ 
    css:value;} 
} 

Das obige Beispiel können Sie ändern, was Sie wollen, wenn die Bildschirmgröße ist zwischen 320px und 567px.

Ich würde vorschlagen, versuchen, ein Problem zu einem Zeitpunkt anzugehen und Ihre Frage mit Markup-Code zu dokumentieren und was es ist, dass Sie versucht haben, es zum Funktionieren zu bringen. Die Leute werden sehr gerne helfen, wenn Sie die Arbeit an ihnen nicht entladen. Wie deine Frage jetzt steht, lautet es: Ich habe ein Problem, repariere es für mich.