页面呈现更窄且不以iPad为中心

页面呈现更窄且不以iPad为中心,ipad,centering,Ipad,Centering,这是一个我正在为一个班做的作业。不要担心这一切都是div——这个练习允许这样做,因为它是在试验web字体 我的问题是,在IE、Firefox、Safari中,页面呈现得很好,但在iPad上,页面没有居中,缩放比例也变差了。如果你看一下左上角的标题“餐巾纸的顶部”,它实际上在iPad上分成了两行。没有左边距,但有相当多的右边距 感谢您的帮助-您可能需要一个视口元标记。请查看链接,了解此操作的功能和选择内容 您可能需要一个视口元标记。请查看链接,了解此操作的功能和选择内容 我在我的iPad(最新的I

这是一个我正在为一个班做的作业。不要担心这一切都是div——这个练习允许这样做,因为它是在试验web字体

我的问题是,在IE、Firefox、Safari中,页面呈现得很好,但在iPad上,页面没有居中,缩放比例也变差了。如果你看一下左上角的标题“餐巾纸的顶部”,它实际上在iPad上分成了两行。没有左边距,但有相当多的右边距


感谢您的帮助-

您可能需要一个视口元标记。请查看链接,了解此操作的功能和选择内容

您可能需要一个视口元标记。请查看链接,了解此操作的功能和选择内容

我在我的iPad(最新的IOS v5.1)上查看了页面,我可以在一行上看到“餐巾纸顶部”的文字,尽管你说的整个页面没有居中对齐是对的

为此,我建议你做两件事

A.如下所示设置视口宽度(将这条线添加到头部元素中)

这将有效地使整个页面居中对齐


上有一些关于如何为手机(iPhone/iPad等)设计网站的非常好的信息。我检查了我的iPad(最新的IOS v5.1)上的页面,我可以在一行上看到“餐巾纸顶部”的文字,尽管你说的整个页面没有居中对齐是对的

为此,我建议你做两件事

A.如下所示设置视口宽度(将这条线添加到头部元素中)

这将有效地使整个页面居中对齐


关于如何在

上设计手机网站(iPhone/iPad等),有一些非常好的信息,上面的答案对我在iPad上不起作用。这就是我们所做的工作。 在body标签中,我添加了浏览器中所需的最小宽度

body { min-width:1080px; }
这样做没有增加额外的成本

<meta name="viewport" width=device-width />


但是我把它放在了标题中,以便更好地衡量。

上面的答案在iPad上对我不起作用。这就是我们所做的工作。 在body标签中,我添加了浏览器中所需的最小宽度

body { min-width:1080px; }
这样做没有增加额外的成本

<meta name="viewport" width=device-width />


但是我把它留在了页眉处,以便更好地测量。

我也有同样的问题

就我而言,页面被破坏是因为div元素比它们的容器大

我通过使用overflow-x属性修复了它


您可以尝试将溢出-x:隐藏;在您的容器上。

我也有同样的问题

就我而言,页面被破坏是因为div元素比它们的容器大

我通过使用overflow-x属性修复了它


您可以尝试将溢出-x:隐藏;在您的容器上。

我也有同样的问题。下面是我如何修复它的:

<meta name="viewport" content="width=device-width, maximum-scale=.9" />

我也有同样的问题。下面是我如何修复它的:

<meta name="viewport" content="width=device-width, maximum-scale=.9" />