ここから本文です

cssでflexの解除方法ってありますか? 今、display:flexのdivの中に6つ子要素の...

my_********さん

2017/10/3121:16:19

cssでflexの解除方法ってありますか?

今、display:flexのdivの中に6つ子要素のdivが入って並んでます。

で、メディアクエリ的に◯px以下の時に、flexを解除したいと思います。

逆の◯px

以上の時にflexにする、はなぜか出来ませんでした。

ご助言よろしくお願いします。

閲覧数:
2,965
回答数:
1

違反報告

ベストアンサーに選ばれた回答

nek********さん

2017/11/109:49:08

以下で適用されましたが如何でしょうか
ご確認ください


【HTML】
<div id="divyouso">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>


【CSS】
/*特に指定なしなので
必然的に500px以上の適用となる*/
#divyouso{
display:flex;
}

/*500px以下で適用*/
@media screen and (max-width: 500px) {
#divyouso{
display:block;
}
}

質問した人からのコメント

2017/11/2 16:45:20

ありがとうございました。

ただ、申し訳ないのですがメタにビューポート入れてなくて反応しなかっただけでした。

すみません。

あわせて知りたい

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる