Javascript 如何将移动视图中的Twitter引导宽度更改为完整视图_Javascript_Jquery_Html_Css_Twitter Bootstrap

Javascript 如何将移动视图中的Twitter引导宽度更改为完整视图

javascript jquery html css twitter-bootstrap

Javascript 如何将移动视图中的Twitter引导宽度更改为完整视图,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我对web、css和jquery非常陌生我知道我的问题不感兴趣，但我需要帮助…… 我试图建立一个bootstrap基础网站，我知道bootstrap是一个响应性很强的基础网站经过搜索，我发现该框架可以支持非响应性检查引导程序后，我发现 /* Large desktop */ @media (min-width: 1200px) { ... } /* Portrait tablet to landscape and desktop */ @media (min-width: 768px)

我对web、css和jquery非常陌生
我知道我的问题不感兴趣，但我需要帮助……
我试图建立一个bootstrap基础网站，我知道bootstrap是一个响应性很强的基础网站经过搜索，我发现该框架可以支持非响应性
检查引导程序后，我发现

/* Large desktop */
@media (min-width: 1200px) { ... }

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }

/* Landscape phones and down */
@media (max-width: 480px) { ... }

现在，如何将移动视图中的引导宽度更改为全视图我的意思是，当我用手机加载我的网站时，我有一个按钮，比如“桌面视图”。然后，我将所有视图和元素返回到大型桌面视图我试着在点击链接后，但不工作

$('body).modal({
    backdrop: true,
    keyboard: true
}).css({
    width: '1201',
    'margin-left': function () {
        return -($(this).width() / 2);
    }
});

你能帮我一下吗，谢谢。

只用Javascript在移动和桌面布局之间切换会有点麻烦。特别是如果您想记住用户是否在关闭浏览器后选择了视图

但是，您仍然可以通过以下方式实现您想要的：

<!DOCTYPE html>
<title>Viewport</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type='text/javascript' src='http://code.jquery.com/jquery-1.11.0.min.js'></script>

<button id="mobile">Mobile View</button>
<button id="desktop">Desktop View</button>

<script type='text/javascript'>
    $('#mobile').on('click', function() {
        $('meta[name=viewport]').remove();
        $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">');
    });
    $('#desktop').on('click', function() {
        $('meta[name=viewport]').remove();
        $('head').append('<meta name="viewport" content="width=1280, initial-scale=1.0">');
    });
</script>


视区
移动视图
桌面视图
$（'mobile'）。在（'click'，function（）上{
$（'meta[name=viewport]'）。删除（）；
$（'head'）。追加（''）；
});
$（“#桌面”）。在（'click'，function（）上{
$（'meta[name=viewport]'）。删除（）；
$（'head'）。追加（''）；
});

我强烈建议您关注此评论中的cdonner链接，了解为什么我的解决方案不适合您的目标。

谢谢@joshboley，但我提出了一个问题