Question

我创建了一个网站，我没有添加样式表或编码，使其可以在ipad或iphone上查看，但是当你在ipad上查看它时，文件的主体如果是偏心的，为什么这不是偏离中心的笔记本或PC浏览器。

我看一些方向编码，看看它是否会有所帮助，但它确实是虚无...，任何人都可以提供帮助，我可以在线查看，但它没有结果。

以下是该网站的链接：www.mopowered.co.uk，查看源代码以查看我是否犯了错误，如果我做错了，请告诉我。

感谢所有帮助

Answer 1

<table cellspacing="5" cellpadding="3" border="0" align="center" width="1024">

不推荐使用align属性，可能是在较新的浏览器中？

我也注意到你在body元素中使用text-align: center可能仍然存在，但无论如何它可能是较小分辨率的浏览器不喜欢这个或两者的组合，我不喜欢真的知道..

在2 x父表

上尝试以下内容

<table cellspacing="5" cellpadding="3" style="margin: 0 auto; width: 1024px; border: 0;">

这是不推荐的内联样式，如果它有效，你可以添加一个类/ ID并将样式添加到样式表，因为它对于PC浏览器和移动设备应该是相同的

Answer 2

为什么使用表格来创建完整的网站？使用div代替...... 我相信使用div你的网站在iPhone或iPad上看起来也会更好你可以这样做：

// XHTML
<body>
    <div id="container">
        // Your website stuff will go here
    </div>
</body>

// CSS
body {
    // Add some style to the body like background
}
#container {
    margin: 0 auto; // This add no margin to top and bottom and auto center your div
    // Other stuff...
}

网站中心主体

2 个答案: