Php iPhone/iPad上的不同缩放

我正在为我的朋友兄弟完成一个网站，一切都很好

该网站是建立一个中心容器，约15-20%的空间从左侧

但问题是，当你在iPhone或iPad上打开它时，网站会被缩放，这样左侧的空间就会被删除，文本会从屏幕开始的地方开始。我希望我的解释是正确的

有没有一种简单的方法可以让我只在移动设备上改变这一点？很遗憾，我在手机设计方面没有任何经验

---

提前谢谢

您正在使用百分比将容器向左移动

您确定没有为容器指定固定的宽度和边距：0自动；用CSS？ 然后把这个元标签放在HTML网页的头部，这样手机就可以正确处理它了

<meta name="viewport" content="width=device-width; initial-scale=1.0;maximum-scale=1.0;" />

因为据我所知，你正在使用边距：0自动；定心方法

---

给容器一些填充，例如padding:1em；你应该很好

通过查找css的设备参数，可以在页面的页眉中包含css

<style type="text/css" media="screen and (max-device-width: 480px)">
    /*for iphone only*/
</style>

或者，另一种方法是仅为移动设备创建css文件mobile.css，并通过下面的javascript包含此css：-

<script type="text/javascript">
    // checking if the device is iphone, ipod or ipad
    if ((navigator.userAgent.indexOf("iPad") > 0)
        || (navigator.userAgent.indexOf("iPod") > 0)
        || (navigator.userAgent.indexOf("iPhone") > 0)) {
        // including the css file
        document.write("<link href='mobile.css' rel='stylesheet' type='text/css' />");
    }
</script>

---

如何在html页面上留下空白？可能是iPhone设备不支持的。您正在使用哪个版本的HTML？您在哪个iPhone上测试过it3G、4或其他。很抱歉，我没有用百分比移动它，宽度通过css设置为100%，带有0填充和边距，是否需要自动？谢谢你的帮助！meta标签会帮我们吗？meta标签会调整视图的大小，这样它就只占用我只使用androids测试过的手机上所需的空间。如果它的宽度是100%，那么你如何得到左边的间距？嗯，我还没有修正它。一位朋友现在正在看，但似乎比我想象的要困难得多。url是临时的。在桌面上，它正常显示，但在iphone上，空间被删除。。我们正在看。。你有什么想法吗？谢谢兄弟。从外观上看，你只需要添加一些填充物。但是你需要对每一个接触到侧面的元素都这样做，例如，端口{padding:0 10px；}你可能想根据额外的填充来减少宽度，看起来需要做很多工作，所以我明天再看一眼。非常感谢。我不知道它是否需要大量的工作，该网站使用include menu.php、main.php index和footer.php。它下面大约有30个页面，但它们由全局的style.css控制。也许我不需要改变那么多。但是如果有一个meta标签或者一些可以在iphone访问时调整站点大小的东西，那就容易多了：Thank you@Yurikolovsky我尝试了你发布的第一个代码，我认为它会起作用。我只是不知道如何调整iphone的网站大小，以便增加一点空间。就像在apple.com上一样，它提供了5-10px的空间，这对我来说非常合适。