在测试开发人员工具中的响应性时，网站会做出完美的反应，但不是以实际手机上的屏幕为中心？

Question

所以我在测试开发人员工具的响应性时有一个看起来很棒的网站，但是当它在iPhone本身进行实际测试时没有居中并且看起来有点破碎。

导致这种情况的原因是什么？如果我无法访问iPhone，我该如何修复它（在我的机器人上看起来很好）？

See site here

Answer 1

这条规则中的填充是罪魁祸首，当你摆脱它时，你会看到差异：

private void button1_Click(object sender, EventArgs e)
{
  webBrowser1.Document.GetElementById("textbox1").InnerText = "sometext";
  webBrowser1.Document.GetElementById("textbox2").InnerText = "sometext";  
  webBrowser1.Document.GetElementById("Button1").InvokeMember("click");
  object tb = webBrowser1.Document.GetElementById("Table1").All;
}

要使@media screen and (max-width: 600px) .tg-column-1, .tg-column-2, .tg-column-3, .tg-column-4 { float: none; padding-left: 34%; } 的元素居中，你可以试试这个而不是你正在使用的填充：

text-widget

Answer 2

尝试在css mediaquery for mobile中使用false。在移动视图中网站上有水平滚动，这可能是导致问题的原因。