タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

CSSとレスポンシブデザインに関するnknktのブックマーク (1)

  • スマホとPCでコンテンツの表示/非表示を切り替える! - 犬も歩けば猫も歩く

    いよいよゴールデンウィークも最終日となりました。 みなさんはいかがお過ごしでしょうか? 今日は、PCやタブレットなどの大型端末では閲覧できて、スマートフォンなど小型のモバイル端末ではコンテンツ(画像や表など)を表示させない方法をご紹介します。 今回は、下の画像をPCなどの大型デバイスでは表示、スマホなどの小型デバイスでは非表示になるようにしたいと思います。 「チーバくん」です。かわいいでしょ! 1.まずは任意のclassを作成 ホームページ作成ソフトで、新規CSSを作成して、 セレクトタイプ:クラス(HTMLエレメントに適用可能) セレクタ名:.spNone OKボタンを押す。 カテゴリ > ブロック > Display(D):noneを指定してください。 2.CSSにMedia Queriesを記述 次に、CSS内にメディアクエリを記述します。 今回は、横幅480px以下の端末では非表示

    スマホとPCでコンテンツの表示/非表示を切り替える! - 犬も歩けば猫も歩く
  • 1