2012-01-10 8 views
1

強制的にサイトを大規模ではなく通常の解像度で表示することはできますか?表示ページは標準(320)サイズですか?

私は非ダイナミックな画像を含むアプリケーションを構築しています。メインスクリーンサイズごとに追加のスタイルシートを追加する必要があります。私が使っていたテスト用の電話機は、私が使っていたjqueryライブラリのバージョンで、420pxのサイズで表示されます。

私は両方のスタイルシートを作っていいですが、最初はうまく見えましたので、幅を320にとどめることが可能かどうか疑問です。それはちょうど私の仕事を節約し、アプリをより軽くするでしょう。

提案がありますか?

乾杯 ポール

+0

を試してみてください、あなたは '最大幅を設定しようとしたことがありますか? – Jasper

+0

ちょうどそれを試して、チップのための幸運 - 歓声。 – Dancer

答えて

2

:ここ

はデモです携帯電話のブラウザはデバイスの仕様に合わせてサイズを変更します。あなたのトップレベルのコンテナ要素の320px`:

<meta name="viewport" 
    content="width=device-width, initial-scale=1, maximum-scale=1"> 
あなたのケースに固有

<meta name="viewport" content="width=320px"> 
+0

完璧な - 扱い..お世話になりました – Dancer

+0

あなたはICSでこれをテストしたいと思うかもしれませんが、私はビューポートの設定を尊重しないバグがあると思います。 –

+0

ありがとうサイモン – Dancer

1

それはどこかmax-width: 320pxを置くように簡単ではないかもしれないが、あなたはスタイルが適用されているどのようなアウトを見つけるために、DOMを検査するために、あなたの開発ツールを使用する場合はのサイズを制限することができますmax-widthのウェブサイト、あなたがモバイルブラウザ用のサイトを構築していると、サイトの幅を一覧表示するための直接的な方法があるhttp://jsfiddle.net/LV9Kv/(のみmax-widthプロパティでそれのサイズを変更するには、コンテンツをクリック)

+0

あなたのヘルプジャスパーのための歓声が、ビューポートのコンテンツの幅は完全に働いた – Dancer

+0

ええ、なぜ私はそれを考えていないか分からない。あなたが 'viewport'タグについてMDNかAppleのドキュメントをチェックアウトすると、あなたが設定できる興味深い設定があります。 – Jasper

+0

乾杯ジャスパー私は見ていきます – Dancer

関連する問題