Q&A
わかりました！
stg環境…システムやソフトウェアの開発において、本番環境とほぼ同じ構成で用意されるテスト環境
デプロイ… システム開発工程において、アプリケーションやソフトウェアをサーバー上に配置して利用できる状態にする作業
確かgithubで無料ですぐホームページ立てられたはずでしたね。練習がてら弄って、それで自分のスマホで見てみます。
web制作学習中のものなんですが、chromeのディベロッパーツールの見方がよくわかりません。
レスポンシブ対応をする為にmediaクエリをやりたいのですが、端末を選ぶサイズの欄をレスポンシブで
選択するとデバイスの欄はDesktopのままですが、変更可能です。
また、サイズの欄を機種名(iphoneXとかiphoneSP)にするとデバイスの欄はmobileで固定されます。
実際のスマホ画面はどうなるのでしょうか？
単純に画面幅だけでPCかスマホが決まるわけではないということですか？
回答2件
0
単純に画面幅だけでPCかスマホが決まるわけではないということですか？
どのようなコードを書いたかによります。
メディアクエリでwidthを基準にしたコードは、端末種類によらず画面幅だけで選択されます。
「User-Agentを見分ける」「Feature Detectionする」など別な手法を取った場合は、また違った基準で判定されます。
投稿2024/12/15 13:43
総合スコア146329
0
ベストアンサー
実際にスマホで確認してみるのが良いかと思います。方法としては、stg環境にデプロイしてスマホで確認するのが良いです。
単純に画面幅だけでPCかスマホが決まるわけではないということですか？
cssでは画面幅に応じたデザインの指定ができます。画面幅を指定してPCやスマホ、デスクトップのデザインを作れます。
例えば、cssで800px以下と指定し、その中にcssのコードを書けば、800px以下の場合のデザインが反映されます。
特定の幅のみ適用させたいデザインがあれば、その幅用のデザインも作れます。（こちらの実装されているのを私は見たことはありませんが。）
投稿2024/12/15 10:02
総合スコア51
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2024/12/16 16:30