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％，或像素大小，你認爲它的權利，就像這樣：

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