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

Horizontal sidebar on mobile page version

未關閉
#3,333 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

主要語言
HTML
星號
25.5k
分支
4k
PR 合併指標
30 天內沒有已合併 PR

描述

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

貢獻指南

這個儲存庫沒有索引到貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

研究方向

找出包含「Get coordinates using button.getBoundingClientRect() for this button」按鈕的頁面,並檢查其在行動裝置寬度下的 CSS。在窄 viewport 中檢查該頁面;當按鈕能容納在螢幕內、其文字可以換行,且不再有水平溢位時,即表示完成。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
css
領域
frontend
Issue 類型
缺陷
難度
2/5
預估耗時
1-3 小時
活躍度
停滯
描述清晰度
基本清楚
新手友好度
45/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。