jquery - 如何在实景网站的Mobile View 中一键切换到桌面?

标签 jquery html css mobile meta-tags

我已经在大多数手机上使用了此功能,但由于某些原因,iPhone 无法使用。

我创建了一个按钮并使用 jquery 更改了元标记:

$( document ).ready(function() {
    $("#desktopversion").click(function(){
        $('meta[name="viewport"]').prop('content', 'width=1380, initial-scale=0');
    });
    $("#nvs").click(function(){
        $('meta[name="viewport"]').prop('content', 'width=1380, initial-scale=0');
    });
});

但由于某些原因,该页面在 iPhone 上被截断

enter image description here

知道我可能做错了什么吗?

提前致谢!

最佳答案

请阅读这篇文章,它可能对你有帮助

https://webdevdoor.com/responsive-web-design/change-viewport-meta-tag-javascript

if (screen.width <= 480) {
 document.getElementById("viewport").setAttribute("content", "width=480; initial-scale=0.5");
}

关于jquery - 如何在实景网站的Mobile View 中一键切换到桌面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42225000/

相关文章:

jquery - 无序列表中滑动导航内容溢出:hidden

javascript - d3.select 不更新网页中的图表

html - 防止背景图像在滚动时调整大小

javascript - 这个条件语句在 HTML 页面中有效吗?

javascript - 放大CSS HTML时如何阻止DIV粘在页面左侧

css - 如何使用 CSS 选择器选择除 first 和 last 之外的所有子项

javascript - 按类排列的元素数组 - TypeError : $. id 不是函数

javascript - 无法访问 Web 服务 - JQuery Ajax 请求

php - 使用 .htaccess 重写 URL(添加查询字符串)

html - 悬停在一个 div 上会影响另一个