【週刊ドットインストール】 256timesのクラスを準備中、Ruby/Ruby on Railsのロードマップページを追加
例えば、ひとつのヘッダー内に、HTMLを個別に用意してCSSで個別に装飾をして
<div class="smart-phone">(スマホサイズの時に表示したい領域) <div class="PC">(PC画面サイズで表示したい領域) @media (min-width:760px)は、{ class="smart-phone”をdisplay:noneに。 一方で@media (max-width:759px)は、{ class="PC”をdisplay:noneに。
<div class="smart-phone">
<div class="PC">
@media (min-width:760px)
{ class="smart-phone”
display:none
@media (max-width:759px)
{ class="PC”
サイズに合わせて片方を表示、非表示という風にやっても良いのでしょうか? もちろん複雑なデザインでない時は、普通にモバイルファーストのやり方で作り、 モバイルサイズとPCサイズで全く違った複雑なデザインの時は個別に作っておいて この様なやり方で実行しても大丈夫でしょうか?
ドットインストールは、3分動画でマスターできるプログラミング学習サービスです。
3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。
他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。
この回答を見るにはプレミアムプランへの登録が必要です
例えば、ひとつのヘッダー内に、HTMLを個別に用意してCSSで個別に装飾をして
<div class="smart-phone">(スマホサイズの時に表示したい領域)<div class="PC">(PC画面サイズで表示したい領域)@media (min-width:760px)は、{ class="smart-phone”をdisplay:noneに。一方で
@media (max-width:759px)は、{ class="PC”をdisplay:noneに。サイズに合わせて片方を表示、非表示という風にやっても良いのでしょうか?
もちろん複雑なデザインでない時は、普通にモバイルファーストのやり方で作り、
モバイルサイズとPCサイズで全く違った複雑なデザインの時は個別に作っておいて
この様なやり方で実行しても大丈夫でしょうか?