【问题标题】:How to view full site in mobile devices instead of mobile view如何在移动设备而不是移动视图中查看完整站点
【发布时间】:2014-11-29 06:10:31
【问题描述】:

在移动设备上查看我的网站时,该网站会自动在移动版本中查看,如下图所示

但我需要在桌面视图中查看它,如下图所示。

换句话说,当网站在移动设备上查看时,如何禁用移动视图,而改用桌面视图?

【问题讨论】:

  • 请分享您的代码。
  • 你有没有为移动设备添加任何api?
  • 看看this的答案,解释视口的部分解释了你想要什么。
  • 我的网站:ckf.net.au(需要编辑)我的客户网站:ckfservices.com.au/Cleaning(示例)我添加了元标记:
  • 删除该标签,它在您的网站准备好响应时使用。通过删除视口元标记,它将显示为正常站点。

标签: javascript html css mobile


【解决方案1】:

根据给出的信息很难判断,但也许您正在使用元视口标签:

<meta name="viewport" content="width=device-width">

如果您的代码中有类似的内容,请将其删除。如果您的网站不是为响应式设计而设计的,那么添加元视口标签会笨拙地放大用户。

【讨论】:

  • 非常感谢。我已删除所有旧的元视图端口,然后添加
  • 这解决了我在响应式角度应用程序中的问题,该应用程序之前切换到奇怪的移动设计。
【解决方案2】:

如果您不希望您的一侧响应,您可以手动设置视口的宽度。将这样的元标记添加到您的 html 中:

<meta name="viewport" content="width=1024">

其中 1024 应该是您的网站看起来不错的宽度。使用此数字,您可以微调网站的外观。

还记得删除任何其他视口定义(尤其是任何width=device-width)。

你可以看看这篇文章:http://webdesignerwall.com/tutorials/viewport-meta-tag-for-non-responsive-design

【讨论】:

  • 谢谢!我有 并清除浏览器上的缓存。然后更改 .
  • @LoiHoang 欢迎您。只需删除元线,或将宽度更改为适合您需要的大数字。
【解决方案3】:

如果您只想在桌面模式/完整站点中查看它以进行测试(这对我来说就是这样)而不是永久禁用移动视图,那么许多浏览器都支持桌面视图:Android Chrome -> 点击右上角三个点,选择“请求桌面站点”。

【讨论】:

    【解决方案4】:

    如果您正在使用此metadata,只需将其删除,网站将不会响应

    <meta name="viewport" content="width=device-width">
    

    否则您可以添加 metadata 来设置您的 viewport 大小:

    <meta name="viewport" content="width=your-size-in-number">
    

    您可能想阅读Responsive Web Design - The Viewport

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-01-19
      • 1970-01-01
      • 2011-05-10
      • 1970-01-01
      • 2012-01-03
      相关资源
      最近更新 更多