Question

我有一个快速响应的网站，我需要添加一个按钮“查看经典版本（桌面）”。问题是该网站是以响应式格式制作的，我不能在移动版本中重做它（移动版和桌面版分开）。有什么方法可以在我的移动设备（JavaScript或jQuery）中模拟1200px的大小吗？

e.g。该网站正在使用Bootstrap 3

谢谢！

Answer 1

必须将元标记视口更改为桌面。

$(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>

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

1 个答案: