[B! viewport][iPhone] kutekenのブックマーク

kuteken id:kuteken

viewportとiPhoneに関するkutekenのブックマーク (3)

MdN Design｜総合情報サイト
スマートフォンサイト 6-07 表示サイズ調整の要となるViewportの設定スマートフォンやタブレットでは、画面サイズも解像度も2倍以上の開きがあり、これまでのPCのノウハウをそのまま使うことができない。ここでは、表示サイズ調整の要になるdpiスケーリングとViewportについて見てみよう。解説／馬場孝夫（ビヨンド・パースペクティブ・ソリューションズ株式会社） BROWSER iOS…5over　Android…2.2over マルチデバイス対応に必須な画面サイズ調整従来のPC 向けサイトでは、ディスプレイサイズや解像度に極端な差はなく、幅1024px・96dpiなど固定値をターゲットにして問題なかった。しかし、スマートフォンやタブレットが普及してきた現状では、固定値だけで対応はできなくなっている。その対応策として挙げられるのが、dpiスケーリングとViewportである。 dp
kuteken 2013/09/20
viewport

iPhone

android
リンク
SitePoint Forums | Web Development & Design Community
We have noticed a significant spike in the usage of ChatGPT (or some other sort of AI tool) to provide answering posts. While we’re not sure the cause of the usage (English not being the native tongue, not being an exper…
kuteken 2011/07/15
iPhone

viewport
リンク
Viewport [iPhone生活]
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。描写のプロセスを検証するに当たっての条件以下の説明では複雑な状況を説明する場合もあるため、特定の語句を特定の意味でのみ使用しています。特定の語句は以下です。 viewport Viewportのメタタグで指定した値または後にSafariが計算した値。initial-scale/width/heightの3つ。コンテンツ（サイズ） HTMLに設置したコンテンツのサイズドキュメント（サイズ）余白を含めたHTML全体のサイズ。ウィンドウよりも大きい場合は、スクロールすることで見ることが出来る全体のサイズ。ウィンドウ
kuteken 2011/06/22
iPhone

viewport
リンク
1