エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
1つのCSSファイルでPC/スマホを切り分けて表示させる必殺技、メディアクエリ!
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
1つのCSSファイルでPC/スマホを切り分けて表示させる必殺技、メディアクエリ!
1つのCSSファイルでPC/スマホを切り分けて表示させる必殺技、メディアクエリ! 2014.10.23 モバイル対... 1つのCSSファイルでPC/スマホを切り分けて表示させる必殺技、メディアクエリ! 2014.10.23 モバイル対応 Web屋にとって現代のスマホの台頭は、モバイル対応スキルの必然性を示しています。 スマホ対応やタブレット対応にはいくつか方法がありますが、その中でもベストプラクティスなモバイル対応というのは人それぞれ違います。 今回は、「PCとスマホで表示させる内容が違うけど、CSSファイルは1個にしたい」という難儀な仕様の下にいるコーダーのために、その方法をご紹介! さて、あなたがもらった仕様は、PCとスマホで表示する内容が異なるので、2つのデバイスで適応されるHTMLは別々。 しかしクラスは同じものを使用しています。 つまり、同じクラスでPC/スマホで全く別のCSSを適応する必要がありますね。 その場合、メディアクエリという手法がひとつの簡単な解決策です。 メディアクエリはCSS3から