1

我正在为移动设备制作一个网站，它的宽度固定为 480 像素，但是当我在我的 ipod 上查看它时，我看到右侧有一个巨大的空白区域。如何告诉带有 html / css 的移动浏览器像移动页面一样显示它？我试过

身体{宽度：480px}

它没有用

4

3 回答 3

2

您的 iPod 屏幕可能不是 480 像素宽，尤其是在横向模式下。尝试在包装 div 而不是 body 上使用百分比，这样宽度将始终被填充。

html:

<div id="wrapper">content of the site</div>

CSS：

#wrapper
{
  width:100%;
}

如果要放置特定于移动设备的代码，您可能还需要检查用户代理。

于 2012-05-31T19:09:37.747 回答
1

将此元标记添加到您的页面：（不要使用许多流行的包含的 maximum-scale=1 部分。无论您的页面有多好，某些人都需要缩放。）

<meta name="viewport" content="width=device-width, initial-scale=1.0">

然后你需要你的移动布局是 100% 宽度而不是固定宽度，有很多不同尺寸的设备。也永远不要检查用户代理......永远。

body{ width:100% }
于 2012-05-31T19:20:14.317 回答
0

你有 Viewport META 标签吗？

于 2012-05-31T19:05:10.020 回答