には大きすぎます:なぜ私のイメージは、私は次のように設定してPhotoshopドキュメントを開始したiPhone
幅:640ピクセル幅
を高さ:960ピクセル幅
解像度:326ピクセル/インチ
画像はから直接取得されていますそのファイル。
私はphonegapを使用してアプリケーションを構築しています。私はそれをテストするたびに、それは私のイメージがiPhoneの画面のために大きすぎるようになります。私はビューポートを使用したり、何かをサイズ変更したりしていません。助けてください!あなたの
いくつかは私のコードのために求めていた。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="iphone.css" type="text/css" />
<!-- iPad/iPhone specific css below, add after your main css >
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="iphone.css" type="text/css" />
<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="ipad.css" type="text/css" />
-->
<!-- If your application is targeting iOS BEFORE 4.0 you MUST put json2.js from http://www.JSON.org/json2.js into your www directory and include it here -->
<script type="text/javascript" charset="utf-8" src="phonegap-1.3.0.js"></script>
</script>
</head>
<body onload="onBodyLoad()">
<div class="wrapper">
<img src="img/iPhone/Welcome.png" class="header" />
</div>
</body>
</html>
私はphonegapを知っているようではありませんが、スクリーンショットやいくつかのソースコードを投稿すると、ここの皆さんに役立つだろうと思います。 –
保存する画像の最終サイズはどのくらいですか? 1インチあたり326ピクセルが問題になる可能性があります - Photoshopはファイルサイズが非常に大きいファイルを保存することがあります。 –
ファイルの最後に '@ 2x'を追加してみてください。例: 'supermegacoolpicture @ 2x.png' – Novarg