character自分用の都合がいいページを作る!-その1-お気に入りとは別にホーム拠点が欲しくなったので、タイトル通りの都合がいいページを作ります!レスポンシブでしっかり作っていこう。メモ帳を開く!(笑)※基本WEBはwindowsのデフォルトメモ帳で作成しています。打ち込む前にブレークポイントを決めよう!PC(デスクトップ)、タブレット、スマートフォン(ハイエンドモバイル端末)、携帯電話・・・もう、携帯電話はいらないかな?自分は未だにメイン機biblio(東芝製)とサブ機re(ソニー製)を使ってるけどねwでも、電話のみでメールとWEBは使っていないんだよw今回は携帯電話を除いてPC(デスクトップ)、タブレット、スマートフォン(ハイエンドモバイル端末)で数値を検討していくよ!とは言ったものの画面サイズがよくわからないね。参考になりそうなデータを物色します。使えそうなデータ発見!!これを使います。2%↑こんな結果になりました。タブ・スマホの人が沢山いるんだろうね!画面の最大横幅が3840px。デカイ液晶でこのブログ読んでるんだね。私のモニタは小さいからどんな風に表示されてるか少し心配になるよw画面の最大横幅が2562px。2562」ってどんな端末なのかな?このデータにアクセスした端末のOSとかブラウザが表示されてたらより便利だったのに・・・。私の使用端末が「1024×768」なんだよね。ことはやっぱりパソコン画面縦置きなのかな?気になる。~何より、自分のモニタ解像度より他の端末が圧倒的に多かったことに一安心だね。自分の端末が1位とかちょっと寂しすぎるし・・・。Ultra(横幅540px)」←これ!片手に収まるタブレットって・・・これをどう考えるかによって変わるよね。約6.4インチをどっちに含めよう。タブレットとなのってるんだから、従来どおり500pxでとも思うけど、片手でもてるならスマホに含めて550pxとか600pxで区切ろうかな~とも思ってしまう。~悩んでも仕方ないので、今後スマホが大きくなると想定して600pxで区切ろうかな。次にタブとPCの境界線!ここら辺はタブを縦横どちらで使っているのかよくわからないので800pxで様子見します。タブレットもピンきりだもんね。ブレークポイントが決まったところで今回はここまで!一旦、区切りたいと思います。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。POSTSなんとか間に合ったーーー!最近、chromeが調子悪い。モバイルデバイスの情報。