Viewport [iPhone生活]
405 users
*device-widthはiPhone横持ちの場合でも必ず320px、device-heightはiPhone縦持ちの場合でも必ず480pxとなります 例えば以下は、Viewportの横幅がiPhoneのディスプレイのサイズで、倍率は1、2倍まで拡大可能、という内容です。 <meta name="viewport" content="w... 続きを読む
A tale of two viewports — part two
12 users
Related files: Part one of this article, about desktop browsers. Compatibility tables. The full list of browsers can also be found here. Test page. Many thanks to Grace Kloba (Google), David Storey and Anne van Kesteren (Opera), Mike O'Malley... 続きを読む
すべて表示
A tale of two viewports — part one
9 users
In this mini-series I will explain how viewports and the widths of various important elements work, such as the <html> element, as well as the window and the screen. This page is about the desktop browsers, and its sole purpose is to set the ... 続きを読む
すべて表示
iPhone iPadで「position: fixed」を実現するiScroll « オモテメン（高山一登のブログ）
48 users
3日に書いたiPad readyの記事で紹介したNikeのサイトがヘッダーを固定していたのでてっきりiPadはiPhoneで使えなかったCSSの「position: fixed」が使えるのかなと思ったらやっぱりiPadでも「position: fixed」は使えなくて、代わりに「iScroll」というJavaScrip... 続きを読む
スマートフォンサイトの作成術 - 大川洋一
595 users
Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. 続きを読む
iOS bug test page
4 users
iOS bug report and test page Summary: When the meta viewport tag is set to content="width=device-width,initial-scale=1", or any value that allows user-scaling, changing the device to landscape orientation causes the page to scale larger than ... 続きを読む
すべて表示
Androidにおけるコンテンツフィットと「overflow:hidden」[to-R]
59 users
Androidにおけるコンテンツフィットと「overflow:hidden」 Check Tweet ネタ元：スマホサイトの作り方で、あんまり書かれてないことを書いてみた - iPhone・Android・WEB・音楽制作｜Kaleidoscope ネタ元ではスマートフォン向けに「overflow:hidden」を指定して... 続きを読む
すべて表示
Travellers Tales : ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法
226 users
ウェブサイトを iPhone/iPod touch 対応にする最も簡単な方法 viewport を設定して iPhone/iPod touch に対応しよう ぼちぼち iPod touch が届き始めましたね。 Safari on iPhone/iPod touch のために用意された meta 要素の viewport 属性1を使って、あなたの... 続きを読む
すべて表示
