2016-12-22 35 views
0

我想強制瀏覽器,將虛擬視口設置爲固定值。 通常在響應頁面中的元視口的樣子:關閉響應 - 打開瀏覽器放大

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

我發現了一個解決方案,設置寬度固定值:

<meta name="viewport" content="width=1200px"> 

但不幸的是它僅適用於Chrome效果很好。我想得到的是寬度低於1200我想打開縮放功能。

有沒有人知道任何其他技巧來做到這一點?

編輯

其實問題是,我用管理引導幾乎所有的佈局,以實現響應。但是客戶決定,他不希望這個頁面響應,但是無論設備寬度如何,都要固定寬度,並在需要時切換水平和垂直滾動條。

我正在尋找的是一個真正簡單的warkaround,可以做到這一點,而不需要微調風格的修改。

+0

'警告!意見提前!'通過適當的設計,您應該使用['@ media' queries](https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries)解決此問題以顯示頁面專門針對屏幕尺寸/類型。例如。通過使用更大的字體或通過呈現特定設計的視圖來顯示特定的屏幕尺寸/類型。如果您的訪客傾向於使用縮放功能,則應修改(ui-)設計。 – giorgio

+0

通常我使用@media和所有這些響應的東西,但那不是,我想要的。 – julew2

回答

0

給這個jQuery中一試:

if(screen.width < 1200){ 
    $("meta[name=viewport]").attr("content", "width=device-width, initial-scale=1, user-scalable=yes"); 
} 
+0

這是相反的,我想獲得什麼。相反,我想關閉響應,當screen.width <1200'時啓用它 – julew2

相關問題