javascript-tutorial / javascript-tutorial/en.javascript.info

Horizontal sidebar on mobile page version

Offen
#3,333 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
HTML
Sterne
25.5k
Forks
4k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Hey! I'd like to point out that the _"Get coordinates using button.getBoundingClientRect() for this button"_ button is making this page have a horizontal sidebar on mobile devices.

This isn't ideal since this is the only element that overflows the maximum width of mobile devices display.

What I'd suggest is resizing this button for mobile users, such that the button would fit the page. This can be achieved through CSS, setting up a maximum width of the button on mobile screens, the text will overflow to the next line.

Cya

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Suchen Sie die Seite, die die Schaltfläche “Get coordinates using button.getBoundingClientRect() for this button” enthält, und überprüfen Sie ihr CSS bei mobilen Breiten. Überprüfen Sie die Seite in einem schmalen Viewport; als erledigt gilt die Aufgabe, wenn die Schaltfläche auf den Bildschirm passt, ihr Text umbrechen kann und kein horizontaler Überlauf verbleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
css
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
2/5
Geschätzter Aufwand
1-3 Stunden
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.