はんのうネットワーク
2197 ワード
インタラクティブWebメディアクエリーの使用
DREAM符号化における反応型navbarの作成を聴く
シンプルな形になっています.
ダイナミックマップを作りたいので作りました
@media screen and (max-width: 800px) {
nav {
background-color: aqua;
display: flex;
flex-direction: column;
}
.logo {
display: flex;
justify-content: space-between;
align-items: center;
}
.context {
display: flex;
justify-content: center;
flex-direction: column;
}
max-widthは以下のcssを適用し、最大800 px
min-widthはcssを適用するには少なくとも800 px以上が必要であることを示している.
Reference
この問題について(はんのうネットワーク), 我々は、より多くの情報をここで見つけました
https://velog.io/@moonjuyoung1/반응형-웹
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
@media screen and (max-width: 800px) {
nav {
background-color: aqua;
display: flex;
flex-direction: column;
}
.logo {
display: flex;
justify-content: space-between;
align-items: center;
}
.context {
display: flex;
justify-content: center;
flex-direction: column;
}
Reference
この問題について(はんのうネットワーク), 我々は、より多くの情報をここで見つけました https://velog.io/@moonjuyoung1/반응형-웹テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol