如何在手机上显示桌面视图? [复制]

Posted

技术标签:

【中文标题】如何在手机上显示桌面视图? [复制]【英文标题】:How to show desktop view on mobile? [duplicate] 【发布时间】:2017-01-23 15:28:31 【问题描述】:

您好,我想在移动设备上禁用移动视图(响应式),我的意思是当有人从移动设备访问我的网站时,他们应该看到桌面版本。 我想在移动设备上显示它们与桌面相同。 我使用了一些插件,例如“移动智能”、“任何主题切换器”,但这些对我不起作用。 这个主题使用了引导程序。 你知道我该怎么做吗? 我的网站是My site 谢谢

【问题讨论】:

试试这个链接***.com/questions/22405816/… 【参考方案1】:

禁用响应:

    html <head> 标记 (<meta name="viewport" content="width=device-width, initial-scale=1">) 中省略视口 <meta> 为每个网格层覆盖.container 上的width 单一宽度,例如width: 970px !important; 确保这个 出现在默认的 Bootstrap CSS 之后。您可以选择避免 !important 带有媒体查询或一些选择符。 如果使用导航栏,请删除所有导航栏折叠和展开 行为。 对于网格布局,使用.col-xs-* 类补充或就地 的,中/大的。别担心,超小的设备网格 扩展到所有分辨率。

有关 Bootstrap 文档的更多信息:http://getbootstrap.com/getting-started/#disable-responsive

【讨论】:

以上是关于如何在手机上显示桌面视图? [复制]的主要内容,如果未能解决你的问题,请参考以下文章

使用引导程序在手机上每行显示 2 个产品,在桌面上每行显示 4 个产品

我们如何从 ListView 中进行多选?我看到它可以在桌面上运行,但不能在手机上运行

如何防止网站在手机上显示裁剪图像?

ReactStrap:下拉项目在手机上显示为透明

在电脑上写移动端的网页如何在手机上测试?

检测是不是在手机上运行[重复]