页面显示在移动设备中切断

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 =＆＃34; twc＆＃34; - 使其宽度：自动

2. div class =＆＃34; tweet＆＃34; - 使其宽度：自动/左：-25px;

3. div id =＆＃34; tokucho＆＃34; - width：auto;
4. div id =＆＃34; tokucho＆＃34; - 对于3个div - 左，中，右，您必须使用媒体查询，并且在特定的屏幕尺寸上，您必须将其宽度设置为100％。
5. 同样适用于div id =＆＃34; mainWraper＆＃34; - 您必须将特定屏幕尺寸的所有宽度保持为100％。

希望它有所帮助。

Answer 2

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

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

＆＃34;您似乎应该忽略大多数视口属性，并将用户可扩展性设置为＆＃34; yes＆＃34;。它现在正在我的iphone上工作。＆＃34;

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