如何模拟移动设备中的桌面响应式网站？

-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

如何模拟移动设备中的桌面响应式网站？

回答

相关问题