タグ

CSSとyahoo!に関するnantanのブックマーク (1)

  • Yahoo!Japanを作る [iPhoneのある生活]

    ここでは、デフォルトのブックマークである「iPhoneYahoo!Japan」を取り上げます。 今回取り上げるiPhoneYahoo!Japanの特徴 実際のiPhoneYahoo!Japanは、Javascriptによるニュースのスクロールや、CSSでの画像のレイヤー構築など複雑な処理がありますが、 今回はこのうちの一部として以下を取り上げます。 iPhoneを回転させても拡大・縮小しない iPhone用Safariで文字を拡大させない iPhone回転ごとに処理を行う iPhone縦持ち・横持ち用のスタイルを使い分ける 結果とソース 上記のようにほぼ再現することが出来ました。(実際のページはこちら)ソースは以下です。 スケールで縛りを設け、回転時に拡大・縮小を防ぐ 回転時に処理を行う 回転時のイベントを設定 要点 ポイントは以下です。 initial-scale=1, minim

  • 1