如何模擬移動設備中的桌面響應式網站？

-1

我有一個響應式網站，其中我需要添加一個按鈕「查看經典版本（桌面）」。問題在於該網站採用響應格式，我無法在移動版本中重做（移動版本和桌面版本分開）。有什麼辦法可以在我的移動設備（JS或JQuery）中模擬1200px的大小？如何模擬移動設備中的桌面響應式網站？

例如該網站正在使用Bootstrap 3

謝謝！

來源

2017-09-13 Anna A.

不能你剛纔設置的'.desktop'的''類和風格'最小寬度：1200px'就可以了？ –

所以，這是一個好主意，但他們不想更新CSS，我需要這樣做，以便我不必添加更多的CSS，因爲在我可以在主體中創建類，但是以同樣的方式，我將不得不改變CSS以適應版本。 –

是否需要將元標記視口更改爲桌面。

$(window).resize(function() { 
 
    var mobileWidth = (window.innerWidth > 0) ? window.innerWidth : screen.width; 
 
    var viewport = (mobileWidth > 360) ? 'width=device-width, initial-scale=1.0' : 'width=1200'; 
 
    $("meta[name=viewport]").attr('content', viewport); 
 
}).resize();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

來源

2017-10-02 21:46:21

如何模擬移動設備中的桌面響應式網站？

回答

相關問題