PC用, スマートフォン用, タブレットの画面サイズ ★スマホ表示の方は是非とも見て!(^^)!
昔からGoogleが求めるWebsite(ウェブサイト)作りを中心に いつも気にしていた。PC用、スマートフォン用、タブレットの画面サイズによって異なる。あなたはどのタイプ? 必要性に応じて好きなの選びましょうね^^これからはレスポンシブWebデザインのような気がして・・・・OSやブラウザを判断基準にしているのではなく、ブラウザの横幅サイズを判断基準にしてPCとスマホ、それぞれに適したページを表示できるのが特長で、適切なレイアウトになる。それはさておき、私がWeb制作を本格的に始めたのが15年前(以前からのLAに在住時代)。そして約10年前、携帯向けサイトが出始めてから、PC用と携帯用と2つのweb作成が面倒になり忙しさもプラス+その後日本に帰国してから、やる気なくダラダラと時は過ぎ、今も自サイトはJavaが壊れたまま放置継続中・・・時代と共にスマホが益々進化していくと、去年の夏頃から また変なスイッチが入り、今度は楽天ブログ(タグに制限があるが故に)で試したくなり、つい拘ってしまう。記事のタグを弄って無駄な時間を費やすのが趣味というか私の癖でもある。どうしても、特にPCで閲覧した時の右端の空白がもったいない気がしてその日記レイアウトまでも崩れないように固定してしまう。ここ 真ん中は其々両サイド空白が気になる ここその為【縦向き表示】Xperia Android™ 4.~2.14の日記。上のテーブルタグのところ右端が切れてる。横にすれば一応右端全部見れる大方の目安。■PC:横幅800px以上, ■タブレット(android):横幅768px, ■スマホ(android):横幅640px※お手間をスミマセン(^^;)これより下↓、スマホ表示閲覧の方は横にたおして、ワイド表示で見てね^^あたりまえのことだけど、わざわざ他人様のブログを見るために誰も面倒なことはしないですね。恥かしいので もう消しますね。元々、大事な部分は必ず見えるところに位置づけしてるので問題もありません。■ここでテストしてみたいです。ボーダーライン右端に★。PC表示の方はもちろん右端全部見れますが、タブレット、スマホ表示縦閲覧の方、あなたが見える右端の★は何px位置でしょうか? 教えていただければ幸いです。※これより下↓も、スマホ表示閲覧の方は、そのまま縦表示で見てね^^←左から右まで全部→★550px★500px★450px★ここから色を変えながら10px単位400px★390px★380px★370px★360px★350px★340px★330px★↑ここあたりからスマホ縦表示 見えるかな^?320px★310px★300px★290px★280px★270px★260px★250px★後で色んな機種も試されてはいかがですかブログ日記はタグなど弄らず普通に更新UPすれば、スマホ表示での文章は右端での折り返し、画像も、いいポジションに自動の個々の画像サイズに表示されるので、サイズなどは弄らなうほうがいいですね。だけど、薄化粧が好き(^q^)。、タグは和らく色つけ程度に控えめに、できるだけシンプルかつ綺麗に を心がけ、これからは、スマホユーザーを意識したブログとレイアウトを構築していこうと思います。あとiPhoneで自ブログをチェックしてないので画面はわかりませんが、これからiPhoneを購入予定の方は、その前にiPhoneの画面サイズをチェックするのは便利です。The Ultimate Guide To iPhone Resolutions - ここは英語サイトですが、詳しいです。◇■──────────────────────────┐■◇ これより↓はコピー引用iPhone 6 Plusブラウザサイズ : 414 × 736 ピクセル(約1/2.6倍)物理的な解像度 :1,080 × 1,920 ピクセル解像度、401ppiiPhone 6ブラウザサイズ :375 × 667 ピクセル(1/2倍)物理的な解像度 :750 × 1,334 ピクセル解像度、326ppiiPhone 5系ブラウザサイズ :320 × 568 ピクセル(1/2倍)物理的な解像度 :640 × 1,136 ピクセル解像度、326ppi◇■──────────────────────────┐■◇ ↑ここまでコピー引用※同じ仕様の物理解像度iPhone 6 PlusとAndroid機種ではブラウザサイズが違う2.16の予定 - 上の記事のボーダーラインpx★作るのに時間がかかり只今更新です。2.15は孫たちと遊んでたのでコメ返しが遅れてスミマセン。後で必ずお伺いします。それと前から気がついてたのですが、この日記文字制限が10000字超えても大丈夫になった事。今日は長文になりました。投稿文字数:半角 11559 文字