2015-07-01 166 views
7

我沒有iPhone,所以無法自己測試,但根據客戶端,如果他放大,更容易點擊鏈接,然後當下一頁加載頁面保持放大和用戶必須手動重新縮小。重置縮放級別onload

請注意,這不是一個響應網站(它沒有元寬度=設備寬度集)。

有什麼辦法可以防止這種情況發生?我試着添加一個maximum-zoom = 1的onload,以便在幾秒鐘後將其刪除,但這根本不起作用。

當用谷歌搜索這個問題時,我能找到的所有人都是在改變webapp的方向時變焦級別變爲香蕉 - 這不是同一個問題。

+0

你可以附加鏈接到您的網站? –

+0

試試http://stackoverflow.com/questions/2557801/how-do-i-reset-the-scale-zoom-of-a-web-app-on-an-orientation-change-on-the -iphon –

+0

@SergeyDenisov有問題的網站是towejewels.com,但我得到了這種情況發生在所有(至少沒有響應)的網站上。 – powerbuoy

回答

-1

我知道這可能是網絡視圖的問題。你可以簡單地設置

webView.scalesPageToFit = YES; 

如果上面的代碼不適用於你的情況,那麼你需要在代碼中做一些更改以適應webview中的內容。

你可以看看這個鏈接,它可能會幫助你。 set content of webview without zooming out

+0

有在問題中沒有WebView。 –

0

由於安全考慮,無法在未經用戶同意和手動輸入的情況下更改瀏覽器的縮放級別。使用活動插件(Flash?)可能可以達到類似效果,但這是真正重置瀏覽器縮放級別的唯一方法。

作爲一種替代方法,您可以使用transform: zoom()屬性(a good SO reference)更改瀏覽器的CSS縮放比例,並使網站顯示爲縮放已重置,但僅限於某種程度。在製作之前,您可能還需要調整非整數縮放級別和跨瀏覽器兼容性。即使如此,這個CSS實現可能不是你正在尋找的,因爲它通常只調整元素樣式和字體大小。你也可以使用這個縮寫的jQuery代碼來達到同樣的效果:$(document.body).css('zoom','150%')