如何在手机上显示桌面视图?
How to show desktop view on mobile?
您好,我想在移动设备上禁用移动视图(响应式),我的意思是当有人从移动设备访问我的网站时,他们应该看到桌面版本。
我想在移动设备上与桌面设备一样展示它们。
我使用了 "mobile smart"、"Any theme switcher" 等插件,但这些插件对我不起作用。
这个主题使用了bootstrap。
你知道我该怎么做吗?
我的网站是 My site
谢谢
要禁用响应:
- 在您的 HTML
<head>
标签 (<meta name="viewport" content="width=device-width, initial-scale=1">
) 中省略视口 <meta>
- 为每个网格层覆盖
.container
上的 width
单一宽度,例如 width: 970px !important;
在默认 Bootstrap CSS 之后。您可以选择避免
!important
使用媒体查询或一些 selector-fu。
- 如果使用导航栏,移除所有折叠和展开的导航栏
行为。
- 对于网格布局,使用
.col-xs-*
类 作为补充或代替
其中,medium/large 个。别担心,extra-small 设备网格
缩放到所有分辨率。
有关 Bootstrap 文档的更多信息:http://getbootstrap.com/getting-started/#disable-responsive
您好,我想在移动设备上禁用移动视图(响应式),我的意思是当有人从移动设备访问我的网站时,他们应该看到桌面版本。 我想在移动设备上与桌面设备一样展示它们。 我使用了 "mobile smart"、"Any theme switcher" 等插件,但这些插件对我不起作用。 这个主题使用了bootstrap。 你知道我该怎么做吗? 我的网站是 My site 谢谢
要禁用响应:
- 在您的 HTML
<head>
标签 (<meta name="viewport" content="width=device-width, initial-scale=1">
) 中省略视口 - 为每个网格层覆盖
.container
上的width
单一宽度,例如width: 970px !important;
在默认 Bootstrap CSS 之后。您可以选择避免!important
使用媒体查询或一些 selector-fu。 - 如果使用导航栏,移除所有折叠和展开的导航栏 行为。
- 对于网格布局,使用
.col-xs-*
类 作为补充或代替 其中,medium/large 个。别担心,extra-small 设备网格 缩放到所有分辨率。
<meta>
有关 Bootstrap 文档的更多信息:http://getbootstrap.com/getting-started/#disable-responsive