2013-05-08 7 views
23

iPhone 4/4S(640x960)、HTC Desire HD(480x800)、Samsung GalaxyPhonegap/Cordova App Samsung Galaxy S4のような高解像度デバイスでは小さすぎます

<meta name="viewport" content="user-scalable=no, initial-scale=0.75, maximum-scale=1, minimum-scale=0.75, width=device-width, height=device-height, target-densitydpi=device-dpi" /> 

等を注意しかし、三星ギャラクシーS4(〜441 PPIの画素密度1080x1920 5.0インチ)のような超高解像度のデバイスには小さすぎる収縮し、そのユーザがそれを読むために拡大鏡を必要とするかもしれません。

画面サイズやピクセル密度に関係なく、すべての電話機/タブレットで同じサイズに見えるようにビューポートを調整するにはどうすればよいですか?

スケールを1.5に増やしてみましたが、S4では読み込み可能ですが、低密度デバイスではすべてが大きすぎます。

+0

[PhoneGapのアプリケーションのテキストとレイアウトが小さすぎる](の可能性重複http://stackoverflow.com/questions/15194940/ phonegap-application-text-and-layout-too-small) –

答えて

34

device-dpimedium-dpiで置き換えてください。 device-dpiはデフォルトのスケーリングを防止し、medium-dpiは低濃度画面で縮小し、高濃度画面で拡大します。

いくつかの参照文献はここにありますhttp://developer.android.com/reference/android/webkit/WebView.html

オリジナルポストと答えここに行く:https://stackoverflow.com/a/15545381/1039194

+0

これは時代遅れの回答ではないかわかりません。https://stackoverflow.com/a/44436314/622813をご覧ください – l2aelba

関連する問題