有没有办法让用户可以选择查看桌面版本,如果他们在手机或平板电脑上查看?

时间:2012-11-15 21:33:30

标签: twitter-bootstrap responsive-design

我知道TB应该根据设备提供优化版本的内容,但我确实想让用户控制他们如何查看网站(即如果他们想要的话,让他们选择查看桌面版本它)。

3 个答案:

答案 0 :(得分:0)

如果单击桌面视图链接或基于用户代理,您可以加载不同的CSS(无媒体查询)。

如果您想要一个查看桌面版本的链接,您可以添加一个GET / URL变量,该变量会导致您的网站无需媒体查询CSS或只有几个大宽度媒体查询而加载。

如果您想利用Chrome / Android浏览器中的“请求桌面版网站”功能来提供桌面版本,则需要使用用户代理路由。

例如 1.检查移动用户代理 2.如果不是移动设备,请不要加载媒体查询CSS 3.如果是移动,请加载媒体查询CSS以启用响应式布局

这确实消除了响应式布局适应不同大小的显示器或非移动替代设备的能力,只对移动设备做出响应。

无论哪种方式,您都需要一些逻辑来挂起CSS切换。如果使用URL变量来控制桌面视图,则可以使用JavaScript代码段轻松完成此操作。用户代理嗅探有点丑陋,最好使用您的本机编程语言。

答案 1 :(得分:-1)

简短的回答是否定的。 Twitter引导程序围绕流畅/响应式网格构建,可以扩展到您的网站正在查看的设备的大小。

要实现您的目标,您需要构建一个单独的移动版本的网站,并在移动设备上引导用户,并在页面底部有一个选项以查看完整的网站。

答案 2 :(得分:-1)

有一种更简单的方法可以强制使用桌面版。您只需要为body-tag指定最小宽度。

例如:

 body {
   min-width: 1100px;
}

这就是全部! 玩得开心!