Q&A
コードはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/help#about-markdown
htmlとcss3を使ってホームページのナビゲーション部分を作りたいのですがグーグルクロームではページがちゃんと表示されますがie11ではしっかりとcssが読み込まれません。
どのようにすればちゃんと表示されるでしょうか。
---html---
--css3--
body {
margin: 0;
display: -ms-grid;
-ms-grid-columns:1fr 960px 1fr;
-ms-grid-rows: auto auto auto auto auto auto;
display: grid;
grid-template-columns: 1fr 960px 1fr;
grid-template-rows: auto auto auto auto auto auto;
}
header {
display: -ms-grid;
display: grid;
-ms-grid-column: 2;
grid-column-start: 2;
-ms-grid-column-span: 1;
grid-column-end: 3;
-ms-grid-row: 1;
grid-row-start: 1;
}
ul {
display: flex;
}
li:first-child {
margin-right: auto;
}
一応確認しますと、IEはマイクロソフトの開発者が「使うな」と明言していますが、それでも対応はされるということですね？
IEは非対応で良いと思うのですが、質問について一点詳細を記載していただきたいです。
「ie11ではしっかりとcssが読み込まれません。」を具体的に「期待していた動作」と「正しくない動作」で説明してください。スクリーンショットなども使うと効率的かと思います。
回答者からしてみればなにが「しっかりと」なのか全くわかりませんので答えようがありません
各コードはコードブロックとして、ご提示ください。
回答2件
0
ベストアンサー
「しっかりとcssが読み込まれません」という部分が曖昧なので何が期待通りにならないのかわかりませんが、たぶん、読み込まれていないんじゃなくて、
css
1/* header {...}内に書かれている2行 */ 2display: -ms-grid; 3display: grid;
上記を削除すればほかのブラウザと同じになるのではないかと思います。
投稿2019/03/06 12:35
総合スコア1899
0
以下のように幅を指定するのはNGでしょうか？
css
1nav { 2width: 960px; 3}
投稿2019/03/06 07:05
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
