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

Chr*_*ris 3 html css mobile zoom viewport

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

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

小智 5

试试这个:

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

对于1:1的初始比例,添加:

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