タグ

designとviewportに関するa2ikmのブックマーク (2)

  • viewportの動作検証(iPhoneのみ)

    描写のプロセス initial-scaleを指定した場合 初期値補充:viewport width = 0(viewport height = 0)(それぞれ指定がない場合) 表示域を算出:表示域 = ウィンドウサイズ / initial-scale ドキュメントサイズ決定:表示域・コンテンツサイズ・viewportの中で最大の値 描写:決定したドキュメントサイズとinitial-scaleで描写 initial-scaleを指定しない場合 初期値補充:viewport width = 980px, viewport height = 1091px(それぞれ指定がない場合) ドキュメントサイズ決定:コンテンツとviewportで大きい方の値 倍率算出:ドキュメントがウィンドウ内にぴったり収まるようにinitial-scaleを計算(縦と横で大きい方のinitial-scaleを適用) 描写

    viewportの動作検証(iPhoneのみ)
  • Viewport [iPhone生活]

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

  • 1