ズームイン/アウト時にAndroidブラウザでビューポートの幅を変更しないようにするにはどうすればよいですか？

Androidのブラウザ（純粋なCSS3を使用することをおすすめします）が、ユーザーが指でズームイン/アウトするときにビューポートの幅を変更しないようにする方法を知りたいですか？ズームイン/アウト時にAndroidブラウザでビューポートの幅を変更しないようにするにはどうすればよいですか？

私はページ上で異なるビューポート幅を目指して複数のメディアクエリを持っています。しかし、いつでもユーザーがページビューポートの幅を変更したり変更したりすると、ページのレイアウトが並べ替えられ、このようなことは起こりません。私はAndroidブラウザが最初のビューポートサイズを "覚えて"いて、ユーザーがズームイン/アウトするときにアンドロイドブラウザにズームをしたいだけですが、ビューポートのサイズは変更しません。

これはCSSで可能ですか？事前に助けていただきありがとうございます。

EDIT：私のメディアクエリ：

@media only screen and (min-width : 800px) and (max-width : 999px) { 
    #content { width:800px; } 
} 
@media only screen and (max-width : 799px) { 
    #content { width:600px; } 
}

出典

2012-01-08 Frodik

あなたはメディアの質問をしていただけますか？ – poitroae

@マイケルもちろん問題ありません。実際には3種類のデバイスをサポートするために、これらの2つのメディアクエリがあります。（幅> 1000px）、タブレットと高精細スマートフォン（幅800-1000px）、その他のすべての携帯電話と端末（幅<800px）に対応しています。問題は（私の質問で説明されているように）ページのレイアウトがデバイスの種類ごとに異なるため、モバイルでページをズームイン/ズームアウトすると、ビューポートとレイアウトが変わっていきます。しかし、これはまったく望ましくない。私はデバイスの種類ごとに1つの修正レイアウトが必要だが、ズーム可能にする。 – Frodik

-2

私は別のアプローチを取ってお勧めします、とズームリミットが設定された応答/適応テーマを使用します。

出典

2012-01-20 10:13:08

残念ながら、レイアウトを変更することはできません。しかし、より具体的にどのようなアプローチをお勧めしたいと思いますか？ – Frodik

[このサイト]（http://demo.colorlabsproject.com/?theme=adam-eve）を読み込んだらブラウザウィンドウのサイズを変更してください。 –

を使用すると、モバイルブラウザのビューポートの幅を一定の固定サイズに変更できます。これにより、ビューポートのネイティブな幅に基づいてブラウザが初期ロード時にズームインされます。この固定幅を参照ポイントとして使用して、ページ上の他の要素のサイズを設定することができます。あなたはその後、知っページ上の他の要素の幅を設定することができ

<meta name="viewport" content="width=600px">

：あなたが600PXになるようにビューポートの幅を設定したい場合

はたとえば、あなたはあなたのHTML <head>にこの行が含まれますビューポートに比例してどのくらい広がりますか。たとえば、この要素は、モバイルブラウザの幅全体になります：

#content { 
    width: 600px; 
}

ではなく、ビューポートに合わせてコンテンツを拡大縮小するには、コンテンツに合わせてビューポートを拡張することができます。

出典

2012-01-21 00:37:26 mustpax

ズームイン/アウト時にAndroidブラウザでビューポートの幅を変更しないようにするにはどうすればよいですか？

答えて

関連する問題