2011-08-26 7 views
2

したがって、320px幅のiphone向けのサイトを構築しました。それは、ポートレートの方向で素晴らしいように見えるが、右側にiphoneの風景モードになっているときには、1トンの空白があります。モバイルSafari(iphone)horozontallyでズームしたときに拡大しない

ビューポートを320pxの横向きで表示する方法を理解したいと思います。この方法では、1トンの空白がありません。

私はそれがビューポートと関係があると考えます。これは私が現在持っているものです:

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" /> 

しかし、それは動作していません。何か案は?

おかげで、 ブラッド

+1

OK、この回答が必要な人には問題がありました。 Iを除去した後、私はこのスクリプトを含むMobileBoilerplateフレームワーク、 http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/を用いましたそのスクリプトはうまくいきました。 – Brad

答えて

0

「ユーザースケーラブル= no」を削除してください、または割合で( 'div要素のetcの)幅を定義する代わりに定義されたことが好ましい「最大規模」

を定義しますピクセル。そのようにして、幅は画面のサイズに自動的に調整されます。

レスポンシブデザインには多くの良いチュートリアルがあります。