iphoneに適合するが、iPad上で自動的に拡大するiOS webappビューポート

私はモバイルwebappも持つWebアプリケーションを開発しています。私は現在使用します。これは、iPhoneとiPadの両方のために素晴らしい作品iphoneに適合するが、iPad上で自動的に拡大するiOS webappビューポート

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

。

私は固定サイズのフォント（たとえば18px）を使用していますが、iPadではiPhoneと同じように正確に見えるようにしたいと考えています。

iPhoneに適した方法でビューポートを定義する方法はありますか？また、iPad上でも同じように見えるでしょうか？（ズームインのように）？

私もそれは現在ありません:)

モバイルWebアプリケーションは、ここで見ることができアンドロイド、に取り組んでから、それを停止する必要はありませんPS ：HocSpot Mobile、ここでWebアプリケーション：HocSpot

出典

2012-04-24 Guy

：18 * currentViewPortHeight/320？ –

可能です。それは優雅な解決策ではありません。 iPad上で動作する多くのiPhoneアプリにもx2/x1オプションがあり、簡単にiPhoneアプリを拡大できます。これはちょうど私が私のwebappのために欲しいものです – Guy

あなたは* native * iPhoneアプリをiPadsで全画面表示するオプションについてお話しますね。それはプログラマの観点からはエレガントかもしれません。なぜなら、何もする必要がないからです。しかし、それはユーザにとっては汚いものです。私にとって最良の方法は、タブレットとスマートフォン用の独自のユーザーインターフェイスを作るようです。 –

それを試してみてください

http://lessframework.com/

出典

2012-05-01 19:16:03 Monkviper

なぜCSSのメディアクエリを使用しないのですか？それはUIWebViewで動作します。

@media screen and (max-width:1024px) { 
    // iPad rules 
} 

@media screen and (max-width:480px) { 
    // iPhone rules 
}

次に、CSSでフォントサイズをスタイルすることができます。あなたが好きですが、測定（あるいはユーザエージェントによって推測）ビューポートのサイズなどの要因で、フォントサイズのスタイルをスケーリングしていないのはなぜ

出典

2012-04-26 14:15:35

iphoneに適合するが、iPad上で自動的に拡大するiOS webappビューポート

答えて

関連する問題