2014-06-22 51 views
1

當方向從縱向更改爲橫向時,我的bootstrap網站中的某些頁面會自動縮放。Safari自動將肖像縮放爲橫向

注意:這似乎只發生在我的一些引導頁面上......爲什麼?

添加這個元標記

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> 

解決我的問題,但它不會允許用戶放大。

也讀過很多博客IOS已經解決了這個問題,但我能夠在我的iPad其中有iOS 7重現!

+0

提供鏈接?所以我可以檢查它... –

回答

0

您無法縮放,因爲您已將最大比例設置爲最小值(1.0),這意味着它不會超出最初呈現的範圍。您需要在該元標記中將最大比例設置爲1.0到10.0之間的其他值。 Apple的默認設置是將最大比例設置爲5.0,如Apple's Documentation

Meta viewport tag seems to be ignored completely or has no effect 也檢查這一點;

Transition to iOS 7: correct viewport setting for jQuery/iPhone Webapps viewed on iPads

好運!

+1

試過這one.But這不允許用戶放大。 – user3240757

+0

@ user3240757檢查更新的答案... –

+0

HI aamir,我實際上已將最大比例更新爲1,因爲當方向發生變化時,它的縮放範圍已經擴大。但這不是一個修復,因爲用戶現在無法進行縮放。 – user3240757