放大Android浏览器上的页面会创建一个水平滚动条

时间:2013-07-16 10:54:38

标签: html responsive-design android-browser

我正在尝试创建最简单的可移植页面,该页面将显示在所有浏览器宽度上。所以我创建了http://itia.ntua.gr/~anthony/tmp/,这是我们20年前使用的那种HTML。没有CSS,没有固定宽度的东西,没有javascript,只是一个标题和段落。您可以根据需要将浏览器设置为宽或窄,可以根据需要放大和缩小,并且可以完美适应。

在我的智能手机上,Firefox与该页面完美配合。但是,预安装的浏览器(我使用Cyanogenmod,我想预装的浏览器是Android浏览器)最初显示的页面太缩小了。如果我放大,文本换行,但是可见区域只是视口的一部分,可以水平滚动,在右边显示空白区域(非常烦人,因为当你试图垂直滚动时你可能会意外地水平滚动)

An image is worth 100 words http://itia.ntua.gr/~anthony/tmp/android-browser-simple-page.png

如何创建可在Android浏览器上正常运行的简单页面?最好不需要成为响应式设计专家。

1 个答案:

答案 0 :(得分:1)

您必须添加

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

head 标记之间。

更多信息: