0

我有一个使用 twitter bootstrap 的网站，并且正在使用一些响应式功能。它在桌面和移动设备上运行良好。在桌面上缩小我的窗口会导致响应式网格启动，并且响应式网格会适当地提供给移动设备。

但是，iPhone 用户是否可以访问“无响应”版本？iPhone 和 android 手机访问大多数网站的“完整”版本通常是安全的，所以我想为移动用户提供一个选项。

早在“响应式”是最热门的事情之前，这通常是通过客户端浏览器检测来处理的，后端将客户端路由到两个完全不同的站点、页面或主题以呈现内容，并且通常会提供某种链接或按钮给用户以允许他们访问整个站点。我正在尝试复制这种使用模式。

4

1 回答 1

2

如果您不想在更改为“桌面”版本后重新加载页面，您可以尝试禁用您的响应样式表。请参阅：使用 JavaScript/jQuery和https://stackoverflow.com/a/15824131/1596547删除或替换样式表（<link>）。删除样式表似乎也有效。

删除响应式样式表的一些概念证明：

CSS：

<link href="bootstrap-responsive.css" rel="stylesheet" id="responsivecss">

javascript：

    var responsivecss = true;

    $('#switch').click(



    function ()
        {
            if(responsivecss)
            {
        $('#responsivecss').remove();
      $(this).text('Mobile version');           
              responsivecss = false;

            }
            else
            {
      $('head').append('<link href="bootstrap-responsive.css" rel="stylesheet" id="responsivecss">');
      $(this).text('Desktop version');
                responsivecss = true;
            }       



        }

    );

试试看： http: //plnkr.co/LdOUquuYPMnOOd5UrBtZ

Twitter 的引导程序 3

TB3 没有单独的响应式 CSS 文件。要做到这一点，您必须创建一个没有响应功能的 css 文件（请参阅：http ://bassjobsen.weblogs.fm/compile-twitters-bootstrap-3-without-responsive-features/ ）并在点击时切换这些文件.

于 2013-07-11T11:20:41.407 回答