Q&A
Edgeもバージョン確認を。再現のためにウィンドウ幅もあるといいかもね。
クライアントの依頼でHP制作をしています。
制作物が完成したして確認してもらうとき、クライアントの方のMicrosoft Edgeでレイアウトが崩れるというエラーが出ました。
自分のMicrosoft Edgeは崩れていません。
クライアントのMicrosoft Edgeのみレイアウト崩れるということです。
Googleではクライアントの方も崩れていませんでした。
試したことは、head内に「IEに互換表示をさせないX-UA-Compatibleの指定」したのですが、解決しませんでした。
原因のほう分かる方いたらお願いいたします。
コメントしていただいたらURLもお送りしますのでそこからサイトをご確認していただくことも可能です。```
head内に問題があると考えるのでhead内のソースコードを下記に記します
コード
<!doctype html> <html lang="ja"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous"> <link rel="stylesheet" href="./css/reset.css"> <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&family=Noto+Serif:ital,wght@0,400;0,700;1,700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="./css/style.css?v=1"> <title>skye不動産</title> </head>
コメントありがとうございます。
どういったことですか？詳しくご説明していただけると幸いです。
Edge は、旧Edge と、現行の Chromium Edge があり、後者は中身が Chrome なんです。
なので、クライアントが確認に使った Edge のバージョンが重要になります。
同じIE11でもマイナーバージョンが違えば挙動が違うとかザラにあります。
※ただ、本来見るべきはそのWebサイトを利用するユーザー。あと設計時にバージョンを明示しておくこと。
定義してたとしても「最新」だけだと、作り始めたときとリリース時では変わってることはあるので注意
あと、コードはマークダウンのcode機能にてご提示ください
全然的はずれだったらごめんなさいですが1つの可能性として、クライアントの方はお気に入りをサイドバーで固定表示してるということはないですか？
そうすると、メディアクエリの書き方によって、崩れを起こす場合あります。
回答1件
0
とりあえず皆さんが気になっているEdgeのバージョンについて画像拾ったので
あとはキャッシュのリセットも試したほうがいいと思います。
投稿2021/03/16 01:20
総合スコア3830
あなたの回答
tips
プレビュー
