2012-02-17 20 views
0

私はモバイルブラウザでさえずっと以前に書かれたレガシーウェブアプリケーションを持っています。したがって、すべて静的です。モバイルブラウザの「ズームイン」オプション

サイトのページのすべての側面を変更することはできません。たとえば、メインコンテナが自動余白のある900pxに設定されているとは変更できません。しかし、他のサーバー側の出力クラスを使用して、私はここでビットを変更できます。たとえば、1つのクラスは他のネストされたマークアップを持つ<div>要素を作成し、このマークアップのいずれかにインラインスタイルと属性を追加できます。私はまた、ヘッダーインクルードをある程度修正することもできます。だから私は、オプションについて思ったんだけど何:

  • を今、ページ全体は、テキストが小さな作り、モバイルビューポートに収まります。代わりにモバイル用にズームインすることはできますか?すべてのコンテンツを見ることはできませんが、少なくともフォントは読みやすいサイズであれば気にしません。デフォルトでズームするために使用できるCSSまたはメタタグがありますか? (ただし、デスクトップブラウザは以前と同じままにしておく必要があります)

  • ページ内に、たとえば320ピクセル幅のiframeがある場合、そのiframeのフォーカスを自動的に調整する方法がありますページの読み込み時にモバイルビューポートの幅を塗りつぶしますか?

  • プレーンJavaScriptはオプションです(jQueryのような外部ライブラリはありません)。これをタグやスタイルで行うことができない場合は、私が使用できるJavaScriptメソッドがありますか?私は、サンプルコードの不足を謝罪

...私は確かにCSSプロパティを持ついくつかの異なるものを試してみたが、どんなに私は常にズームアウトフルページのバージョンを表示しています何。

答えて

1

あなたのフォントを読みやすくするために、使用しているフォントがあれば、ピクセルではなくパーセンテージごとにfont-sizeを使用できます。

ビューこのことができます場合は、モバイルのための適応的な設計については、この記事:、DAVを返信する時間を割いて

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

+0

感謝。ああ、私はメディアクエリを挿入することはできませんし、実際には直接CSSファイルを変更することはできません。この時点では、ブルートフォースインラインでスタイルを追加することしかできません。 –

+0

javascriptを使用してスタイルを追加してみてください。できない場合は、インラインスタイルを呼び出した直後に!importantを使用することもできます。それがどうなるか教えてください。 – dav

+0

結果は比較的不満足でしたが、それはあなたのせいではありません。私が直面した限界はあまりにも厳しいものでした。私がしたいことの少なくとも一部を得るために、私は本当にjavascriptでいくつかのスタイルを追加する必要があったので、私は先に進み、この答えを受け入れる。 ;-) –

関連する問題