cpprefjp / kunai

cpprefjpのフロントエンド
MIT License
3 stars 7 forks source link

imgが横幅を超える場合に横スクロールを可能にする #119

Closed nekko1119 closed 2 years ago

nekko1119 commented 2 years ago

モバイルなどで閲覧したとき、画像が表示横幅を超える場合にはみ出した右側部分をページ内では見られませんでした。 (画像を別タブで開けば見ることはできました)

そのため画像が横幅を超える時は横スクロール可能としました。見栄えのためスクロールバーは非表示にしたのでページの見た目は従来と変わらない想定です。

修正後のスクリーンショットです。PCのChrome,Firefox表示とChromeのdevtoolのiPhone12Proは確認しました。 上記以外のブラウザや実機のモバイルでの確認はしていません。

Chrome image

Firefox image

yumetodo commented 2 years ago

https://cpprefjp.github.io/reference/random/discrete_distribution.html

のように画像が複数あるページでdevelopper toolでjqueryを読み込んで当該コードを走らせて念の為検証しましたがスクロールできることを確認しました。

懸念点をあえてあげるなら長大なページにおけるfindのコストくらいでしょうか・・・?大抵のケースで問題ない気がします。

image image

yumetodo commented 2 years ago

マージに当たり、conflictだけは解決の必要がありますね・・・

yumetodo commented 2 years ago

@faithandbrave conflict解決しましたので確認をお願いします

faithandbrave commented 2 years ago

ありがとうございます。マージしました。 cpprefjp/siteもデプロイを走らせておきます。