タグ

viewportに関するkurihiroiのブックマーク (2)

  • ABC 2011 Winter デザインセッションまとめ「スマートフォン・リデザインコーディング」 | Ermine

    ErmineWebのJunが、「android bazaar and conference 2011 winter」のデザインセッションに登壇させて頂きました。 (登壇中に酸欠になり着ぐるみを脱ぐという、恥ずかしい姿をお見せして申し訳ありませんでした!!) 記事は2011年1月9日(日)東京大学郷キャンバスにて行われた、Android bazaar and Conference 2011 Winterにて、13:00~C会場で行われたのデザイントラックのセッション、女子部デザインチームによる『Webサイトの スマホ対応Tips』のウサギ(高橋純)の担当部分の補足記事となります。 セッション全体のスライドは『こちら』にアップされています。 また、今回のデザインセッションをとりまとめてくださった、デザイナ矢野りんさんの総括はアンドロイド女子部のブログ記事をご覧ください。 スマートフォン・リ

    kurihiroi
    kurihiroi 2011/10/03
    ほーりーぐれいるっ!っと・・・
  • Viewport [iPhone生活]

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

    kurihiroi
    kurihiroi 2011/10/03
    Viewport
  • 1