iPhoneのビューポートと拡張性の高い画像

Question

私はこれがあります。

<meta name="viewport" content="width=device-width, user-scalable=no" /> 

をユーザがスクロールしなければならない私が意味する、ユーザーがズームする必要はありませんが、私は417x47であり、それは大きすぎるに見えるイメージを持っていますそれを見るために左と右。<meta name="viewport" content="width=device-width, user-scalable=no" />それは私が望んでいるように見えますが、私は多くのテキストコンテンツを持っているので、私はこれを行うことはできません、画像のみを縮小する方法がありますか、私はそれをサイズ変更する必要があります。

Answer 1

ので、同様にあなたは、あなたがその権利を考えて、100％、またはピクセルサイズに画像の幅を設定するには、メディアクエリを使用することができます。デザインは、WPを使用して、iPhoneのみのためであるまあ

@media only screen and (max-device-width: 480px) { 
    img { 
     width: 100%; 
    } 
}