codeforsapporo / covid19

北海道 新型コロナウイルス対策サイト
https://stopcovid19.hokkaido.dev/
MIT License
128 stars 28 forks source link

Windows10/Edgeでグラフの表示が崩れている #412

Closed y2naranja closed 4 years ago

y2naranja commented 4 years ago

起こっている問題 / Occurred problem

スクリーンショット / Screenshot

Image of Edge Image of Edge Image of Edge Image of Edge Image of Edge

期待する見せ方・挙動 / Expected behavior

起こっている問題の再現手段 / Steps to reproduce

  1. Winsdows10にて、Edgeでトップページを表示させる

動作環境・ブラウザ / Environment

NEKOYASAN commented 4 years ago

image

発生しません...

y2naranja commented 4 years ago

うちのモニタが古くて、モニタの解像度が低いためででしょうか。 (多分1600x1200) またはモニタの設定の問題なのか。 とりあえず設定を見直してみます。

ちなみに東京都版でも、同じような表示になってしまいます。

Kanahiro commented 4 years ago

Windows10 64bit でのEdgeのサンプル

sample_edge

レイアウト崩れは発生しなかった。

バージョン

Microsoft Edge 44.18362.449.0 Microsoft EdgeHTML 18.18363

@y2naranja Edgeのバージョンを確認していただけますか? 最新でない場合は更新のうえ動作確認してみてください。

Kanahiro commented 4 years ago

バージョンは、Edgeの右上の「…」→設定→全般の一番下に記載されています。

スクリーンショット 2020-04-27 9 32 01 スクリーンショット 2020-04-27 9 32 41
y2naranja commented 4 years ago

バージョンを確認してみましたが、最新の状態でした。 モニタの解像度が1680x1050なので、その影響でしょうか。 version of Edge

y2naranja commented 4 years ago

モニタの解像度を1024x768にして確認してみたところ、同様にEdgeでだけグラフが崩れ、Chrome、Firefox、Operaでは発生しませんでした。

Kanahiro commented 4 years ago

仮想環境上ですが、解像度を落としてもレスポンシブサイトなので影響はありませんでした。 ところで少し気になったのですが、この緑のアイコンはウイルス対策ソフトの類ですか?

スクリーンショット 2020-04-27 9 57 01

@y2naranja さんと私の環境の違いはもはやこのアイコンの有無くらいですので、原因究明のため表示しないような設定をトライしていただきたいです。

y2naranja commented 4 years ago

緑のアイコンは、カスペルスキーのプラグインです。切って表示してみましたが、結果は変わりませんでした。 version of Edge

Kanahiro commented 4 years ago

スクリーンショットに見受けられるノイズ(棒グラフや「累計」の背景)は圧縮などによるものですか?それともそのとおりブラウザで表示されていますか?

y2naranja commented 4 years ago

Edgeの場合のみ、この通りに表示されています。Chrome、Firefox、Operaでは出ません。 下記はChromeの場合ですが、グラフは崩れません。 View of Chrome

takehirock commented 4 years ago

以下、環境再現しない

Microsoft Edge 44.18362.449.0 Microsoft EdgeHTML 18.18362

Microsoft Windows バージョン 1903(OSビルド 18362.720)

NEKOYASAN commented 4 years ago

@y2naranja https://deploy-preview-413--code-for-sappor-covid19-deploy-preview-free.netlify.app/ こちらでも発生しますか?

y2naranja commented 4 years ago

グラフは正常に表示されるようになりました。 日別/累計のボタンは、累計のときだけボタンに線が入りますが、マウスオーバーで消えます。 念の為、Chrome、Firefox、Operaで確認しましたが、問題なく表示されました。 graph of Edge botton of Edge

NEKOYASAN commented 4 years ago

他の発生報告がないため、PC側の環境の問題かと思います。