2011-09-05 70 views
1

在我開發的網絡應用程序中,我希望用戶能夠縮放放大和縮小高分辨率圖像。客戶希望這可以在iPad上運行,但最好是多平臺。iOS/Safari Web App圖像縮放

我的計劃是創建1000px x 1000px的圖像,並使用CSS在100px x 100px(例如)的頁面上顯示它。用戶將能夠放大和縮小圖像以更詳細地查看圖像。

我注意到,當你放大圖像時,尺寸會增加,但細節並不像Safari瀏覽器在渲染頁面時調整圖像大小。我能做些什麼來解決這個問題嗎?

回答

1

你可以嘗試添加以下代碼

<meta name="viewport" content="initial-scale=0.1; maximum-scale=1.0; user-scalable=yes>

嘗試以各種各樣的價值玩弄的規模,直到你打你想要的確切的事情。 希望可以幫到你..

+0

謝謝,這似乎比我找到的任何其他解決方案更好地工作。我也嘗試使用類似的CSS縮放屬性,只是爲了讓任何感興趣的人知道。 – edcs

+0

酷...很高興我能夠幫助你.. – testndtv

+0

如果我不想在圖像上放大圖像,那麼該怎麼辦?就像我的網絡應用程序控件一樣,它們不應該改變大小 –