CSSでPCとスマホの表示を若干変える(要素)

2018/04/09 2018/04/09

@media screen and (min-width: 300px) and (max-width: 1010px)
{
table{
margin-top: 30px;
}
}


(min-width: ◆◆px)が最小画面の設定
(max-width: ◆◆px)が最大画面の設定

タブレットはちょっと分からない
ガラケーにも対応してるのか不明

スマホの画面の最小~最大はまだ調べてない

とりあえずmin,maxはセットで書いておいたほうが無難な気がする

既に書いてあるcssの補足や変更箇所だけで良い

【参考ページ】

[CSS]CSS3のMedia Queries(メディアクエリ)の使い方と実装例

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です