iPhone6の時代のviewport設定について - Qiita
従来、スマートフォンの横幅といえば 320px(retina対応で640px) というのが定説でした。 が、iPhone6の普及でそうとも言えなくなってきたのが今日このごろです。 iPhone5の横幅は320px(retina対応で640px) iPhone6の横幅は375px(retina対応で750px) ちなみにNexus5の横幅は360px(retina対応で720px) さてこんな環境で、viewportはどう指定するのがベストなのでしょうか。 前提知識 viewportのwidthという値に、device-widthと指定すると、スマホの画面幅 = 表示するwindowサイズ、となる。 widthにピクセル値（640px、とか）を入れると、表示幅はそのピクセル数になり、それで画面いっぱいになるように適宜拡大縮小される 古いAndroidでは、widthにピクセル値を指定しても
初心者〜中級｜スマホサイト作成の9ステップと大切にしたい事
スマホサイトはあなたが「パソコンサイトを作る技術」を持っていれば作ることが出来る。 なぜならばインターネット上のサイトであるのはパソコンサイトと同じだからだ。 しかし技術は同じであってもスマホサイトを作る前に知らないといけない知識が確実に存在する。 この記事では自分でスマホサイトを作ろうとしている人に向けて9ステップで全ての作成工程をお伝えする。 この記事を読んであなたのビジネスに直結するスマホサイトをぜひ作って欲しい。 多くの方に読んで頂こうと基本的なことも書いた。ご存じの所があれば読み飛ばして頂いて構わない。 ＜目次＞ ステップ０：スマホサイト完成までの全ステップ ステップ１：要件定義からはじめよう １－１ 目的の明確化 １－２ ターゲットの選定 １－３ 同業サイトチェック（類似業種等でも可） １－４ パソコンサイトの数値把握 １－５ パソコンでスマホサイトを見る方法
【CSS】適切なブレイクポイントを考えてみる（レスポンシブデザイン用）
こんにちは、ウェブマーケティング部の杉尾です。 前々回、CSS3のメディアクエリについてお話しさせていただきました。 また、前回は『スマホ、タブレットの横幅』(端末解像度と実質解像度)を紹介しました。 今回はその続きとして、ブレイクポイント（CSSの切り替え地点）を考えてみます。 レスポンシブデザインでサイトを作る際に必ず必要となってくるので、参考にしてみてください。 レスポンシブデザインとメディアクエリ 現場において、メディアクエリは主にレスポンシブデザインのサイトを制作する際に使われます。 レスポンシブデザインは、一つのHTMLソースで、スマホからPCまで画面構成を崩すことなく表示できます。 閲覧端末ごとの制作が必要なくなり、また管理もしやすいので、ここ数年でかなり普及しました。 【詳しくはコチラ】 ⇒http://scene-live.com/page.php?page=95 ブレイ
iPhone/iPad/Apple Watch解像度(画面サイズ)早見表 - Qiita
用語解説 ポイント boundsやframe等で使用される論理的な画面サイズ。通常はこれを意識してプログラムを作成します。 ピクセル 描画が行われる論理的な画面サイズ。ピクセルパーフェクトな描画が必要な場合には、このグリッドに合うように描画を行う必要があります。 デバイス 端末に搭載された液晶の物理的なピクセル数。これが上記ピクセル数と一致しない場合には、ピクセルパーフェクトの描画は非常に難しくなります。 このサイトの解説がわかりやすいです。 https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions 拡大モード iPhone6, 6 Plusでは、画面設定から拡大モードが選択できます。 上記の表にまとめた通り、retinaの倍率はそのままで、ワンサイズ小さいiPhone相当のポイント数になります。 iPho
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
