这是一个带有移动视图的网站。
网站宽度为 640 像素，但 iPhone 以 678 像素呈现文档。在android中它看起来很棒。
我添加了视口元：
<meta name="viewport" content="width=640, user-scalable">
正文 CSS 是：
body,html{
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
font-size:14px;
font-family: "Arial";
background: white;
direction: rtl;
text-align: right;
width:640px !important;
overflow: hidden;}
在 iPhone 中它看起来像这样：
如您所见，它在左侧添加了 38 个像素，与主体无关（如果我将主体背景设置为蓝色，则侧面仍保持白色）。
我尝试了一切，但没有运气。有任何想法吗？
首先，从干净的 HTML 和 CSS 开始会有所帮助——您的 HTML 远非有效，这可能会导致各种错误（请参阅此处仅了解 HTML 错误...）。
第二：
<meta name="viewport" content="width=640, user-scalable">
是不正确的。它需要是：
<meta name="viewport" content="width=640, user-scalable=yes">
如果是这样，那将是更好的做法：
<meta name="viewport" content="width=device-width, user-scalable=yes">
（见这里）。
有了一个干净的起点，调试起来会更容易。此外，打开 Mobile Safari 调试控制台并响应它给您的任何消息。
我终于找到了解决方案。
添加这些行是因为 body CSS 上的正确对齐：
text-align:right;
direction:rtl;
如果我删除这些行并将它们添加到主体内的 div 中，它工作正常。