缩放时如何修复网站布局？

Question

当我将我的网站缩放到 200 像素时，它会进入移动设备模式。

我想在桌面布局中修复它，不想用缩放来缩放它。

我打开了 google.com 并将其放大到 200 像素。它已缩放，但布局大小没有改变。

我这样做了：

<script>
$(document).ready(function(){
   $('meta[name="viewport"]').prop('content', 'width=1440');
});
</script>

这有助于我在桌面模式下打开网站，甚至在移动设备中打开，但是当我在桌面上放大它时，它会进入移动响应模式。

那么如何做才能使我的网站在我放大时不会进入移动响应模式。

Answer 1

在你的 head 标签中添加这个

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