手机显示的页面被截断

Question

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

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

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

Answer 1

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

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

您必须编辑以下内容

1. div class="twc" - 设置宽度：auto

2. div class="tweet" - 设置宽度：auto / left: -25px;

3. div id="tokucho" - 宽度：自动；
4. div id="tokucho" - 对于 3 div - 左、中和右，你必须使用媒体查询，并且在你必须设置的特定屏幕尺寸上它们的宽度为 100%。
5. 同样对于 div id="mainWraper" - 您必须在特定屏幕尺寸上将所有宽度保持为 100%。

希望对您有所帮助。

Answer 2

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

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

"It seemed like you should ignore most of the viewport properties and just set user-scalable to "是的”。它现在正在我的 iphone 上工作。”

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