閉じる
閉じる
閉じる
  1. SEO対策としてディスクリプション(descriptionタグ)の最適…
  2. SEO対策としてタイトルタグ(titleタグ)の最適な文字数は
  3. wordpressでプラグインを使わずに画像をランダム表示させる
  4. Illustrator CC 2015で配置画像を収集する方法
  5. デザイン変更しました
  6. WordPressのユーザー権限の日本語表記と英語表記
  7. Thunderbird(サンダーバード)の左側のメールフォルダが表示さ…
  8. wordpressプラグイン「WP Slimstat」を日本語化する方…
  9. スマホで幅をデバイスサイズに合わせる方法
  10. AppleID作成でクレジットカードなしが表示されない
閉じる

海の森 SOHOデザイン ブログ

代表的なデバイスの画面サイズ

こんにちは。
SOHOデザイナーのAquaForest-アクアフォレスト-です。

レスポンシブデザインで困る事の一つとして、
どのサイズで表示を切り替えるかという事が有ります。

iPhoneやタブレットなど様々なサイズのデバイスがあふれているため、
すべてにあったものは現実的には難しいです。

そこで主要なサイズの目安として、
私はブレークポイントを下記の様にしております。

480px(スマホ)
768px(タブレット)
950px(PC)

の3つで切り替えをするようにしています。

新しいデバイスも随時出ているので、
いつまでこれでいいかとの疑問もありますが、
現状ではこれで大丈夫かなとの認識です。



関連記事

  1. favikonの作り方

  2. 画像の下の余白をなくす

  3. 人気ブログランキングに登録

  4. レスポンシブデザインでのdisplay:noneはSEO的にどう…

  5. Youtubeを最背面に設置する方法

  6. Google Mapの吹き出しの消し方

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


ピックアップ記事

  1. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。iPhon…
  2. こんにちは。SOHOデザイナーのAquaForest-アクアフォレスト-です。投稿してい…
  3. こんにちは。SOHOデザイナーを目指しているAquaForest-アクアフォレスト-です。…
ページ上部へ戻る
Top