【问题标题】:Page displayed cut off in mobile手机显示页面被截断
【发布时间】:2016-01-25 02:26:20
【问题描述】:

当此页面在移动浏览器中显示时,它不会缩放和剪切。它不应该是一个响应式网站,但至少用户应该能够在移动浏览器中放大它。 我试图配置元视口,但没有接缝错误。我该怎么办?

http://www.milu.jp/lp/kjcouple.php

<meta name="viewport" content="width=device-width, initial-scale=1">

【问题讨论】:

    标签: html mobile viewport


    【解决方案1】:

    我在下面编辑了 div 的名称。请检查

    阅读这篇文章 - http://www.w3schools.com/css/css_rwd_mediaqueries.asp

    您必须编辑以下内容

    1. div class="twc" - 设置宽度:自动

    2. div class="tweet" - 使其宽度:自动/左:-25px;

    3. div id="tokucho" - 宽度:自动;
    4. div id="tokucho" - 对于 3 个 div - left、center 和 right,您必须使用媒体查询,并且在特定的屏幕尺寸上,您必须将其宽度设置为 100%。
    5. 同样对于 div id="mainWraper" - 您必须在特定屏幕尺寸上将所有宽度保持为 100%。

    希望对你有帮助。

    【讨论】:

    • 谢谢,我会检查一下,所以我应该用你告诉我的内容编辑“正文”吗?
    • 您必须编辑与我提到的正文中的 div 相关的所有样式(在您的 css 文件中)。如果您发现此解决方案有用,请将我的解决方案标记为已接受。谢谢
    • 我不想让它响应,只是在移动设备上扩展,比如这个网站:milu.jp
    • 所以用户必须放大才能看到。
    • 哦。那太好了!
    【解决方案2】:

    我刚刚在阅读这篇文章时找到了另一个解决方案:

    How can I force a site to scale to fix for mobile (Iphone android..)

    “您似乎应该忽略大多数视口属性,只需将 user-scalable 设置为“yes”。它现在可以在我的 iphone 上运行。”

    <meta name="viewport" content="user-scalable = yes">
    

    【讨论】:

      猜你喜欢
      • 2015-08-30
      • 2018-08-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-01-28
      • 1970-01-01
      • 2011-08-17
      • 1970-01-01
      相关资源
      最近更新 更多