2013-02-20 37 views
1

我有一個固定標題的響應式佈局。當通過視口元標記啓用縮放(縮放)時,當用戶縮放時,佈局可能會中斷,因爲標題也會放大 - 這是不正確的。 (我希望不管縮放比例是多少,我都能保持標題不變)。無論如何,這就是爲什麼我使用禁用縮放以下meta標籤:移動設備 - 覆蓋視口縮放設置以實現縮放/平移媒體查看器?

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

我的目標是實現某種類似Facebook的媒體瀏覽器,將覆蓋該文件的視口設置的。關閉後,它應該恢復一切恢復正常。我試圖打開一個加載可縮放的文檔的iframe,但它好像是父文檔覆蓋了iframe。

僅供參考,我正在使用jQuery。

回答

1

剛剛發現,使用jQuery你可以這樣做:

var meta = $('meta[name=viewport]'); 
$(meta).attr('content', 'device-width, initial-scale=1, maximum-scale=5'); 

我能得到更多的花哨......像第一個獲得原始設置,然後恢復它時,你就大功告成了。我在iOS 6上測試了它,它工作。我沒有在其他設備上測試過它。

+0

太棒了!我有一個iPad應用程序中的小型Web視圖,需要覆蓋設備寬度,並且這個工程很完美:'[theWebView stringByEvaluatingJavaScriptFromString:@「var meta = $('meta [name = viewport]'); $(meta)。 attr('content','width = 320,initial-scale = 1,maximum-scale = 5')「];' – 2013-12-03 22:44:14