在Android浏览器中以CSS中指定的元素大小显示HTML
如何在Android浏览器中显示大小为1.5 x 2.5英寸的元素？让我们来考虑一下HTML波纹。< /P> 在我的台式计算机上，浏览器在一个“正常”大小的窗口中，它以2行显示内容，每个块的大小为1.5 x 2.5英寸，如html中所指定。 当我把浏览器的窗口变小，与智能手机的大小相对应时，每行有一到两个块，每个块的大小都是1.5 x 2.5英寸。 这正是我希望在我的智能手机上看到它的方式 不幸的是，在智能手机上（Android 4.0中默认设置的默认浏览器），我看到的内容分为两行，每个块的大小约为0.5 x 0.8英寸。也就是说，它就像正常大小的桌面缩小到一个小巧的智能手机屏幕——这不是我想要的。我希望看到CSS中指定的大小为1.5 x 2.5英寸的块 是否有一些元标签告诉安卓，该页面的设计考虑到了移动设备，这样安卓就不会尝试对其进行一些“桌面站点”优化在Android浏览器中以CSS中指定的元素大小显示HTML,android,html,css,Android,Html,Css,如何在Android浏览器中显示大小为1.5 x 2.5英寸的元素？让我们来考虑一下HTML波纹。< /P> 在我的台式计算机上，浏览器在一个“正常”大小的窗口中，它以2行显示内容，每个块的大小为1.5 x 2.5英寸，如html中所指定。 当我把浏览器的窗口变小，与智能手机的大小相对应时，每行有一到两个块，每个块的大小都是1.5 x 2.5英寸。 这正是我希望在我的智能手机上看到它的方式 不幸的是，在智能手机上（Android 4.0中默认设置的默认浏览器），我看到的内容分为两行，每个块的大小
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Test</title>
<style>
div {
display: inline-block;
width: 1.5in;
height: 2.5in;
background: #AAAAAA;
margin: 1em 1em;
}
</style>
</head>
<body>
<div></div><div></div><div></div><div></div><div></div>
<div></div><div></div><div></div><div></div><div></div>
</body>
</html>
试验
div{
显示：内联块；
宽度：1.5英寸；
高度：2.5英寸；
背景：AAAAA；
利润率：1米1米；
}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"></meta>