javascript - Bootstrap : How to set a viewport to lg even if real screen is smaller ("Classic View")

标签 javascript html twitter-bootstrap jsp responsive-design

我正在使用 Bootstrap 设计一个响应式 Web 应用程序。当然,XS-Screen 的选项比 LG-Screen 少。 对于专业用户,即使当前使用的是 XS 智能手机,也应该有一个按钮可以切换到“经典/桌面 View ”。 (JavaScript 设置虚拟视口(viewport)大小?)

示例:320px 设备上的用户可以单击按钮切换 Html 以显示内容,就像屏幕宽 1024px 一样并滚动。

如何实现这一目标?

最佳答案

您必须添加元标记。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

引用:http://getbootstrap.com/css/#overview-mobile

什么是元元素?

Meta 元素表示无法由其他 HTML 元相关元素之一表示的任何元数据信息,并且取决于属性集

  1. 姓名
  2. http 等效
  3. 字符集
  4. itemprop

引用:
https://developer.mozilla.org/en/docs/Web/HTML/Element/meta
https://www.w3.org/wiki/HTML/Elements/meta

关于javascript - Bootstrap : How to set a viewport to lg even if real screen is smaller ("Classic View"),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34673602/

相关文章:

html - 疯狂的 z-index 构建 CSS3 六边形

html - 如何将样式表附加到 HTML 电子邮件?

html - 在 IE8 上禁用 CSS3 复选框

javascript - 使用 AWS Cognito 忘记密码表单

javascript - Facebook 登录 - 混合应用

php - Bootstrap 表仅在 <td> 中显示一行

javascript - 刷新页面时空白页面 [因为 bootstrap css]

javascript - Bootstrap 工具提示不起作用?

javascript - 进行更多服务器调用或一次从服务器加载所有数据?

javascript - 有人可以帮忙解释一下这段 jQuery 代码吗?