在手机上查看页面看起来更大?

时间:2011-02-15 17:44:18

标签: html css mobile zoom viewport

完成了一个小网页,并给它一个基本的布局,我决定测试使用移动浏览器的样子。所以我用模拟器安装了Android SDK,结果看到页面上的几个元素看起来很小。我估计默认情况下,大约80%的页面目前是空白背景。但是,当我缩放时,它看起来很棒,因为width:height比例匹配手机的屏幕。也就是说,我宁愿保持页面不变,只需要整体更大。

我有没有办法让我的网页默认显示为放大?

1 个答案:

答案 0 :(得分:5)

试试这个:

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

初始比例为1:1,添加:

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