渲染移动Chrome和Android原生浏览器的差异

Question

在我的智能手机上测试我的桌面（无响应）网站时，我注意到在chrome（34.01847.114）和原生Android浏览器（4.3）中呈现网站的差异。在Chrome中，页面无需缩放即可呈现。在本机浏览器中，分页被放大。我不使用任何viewprt-tag。 当我将视口标记设置为

时

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

chrome的行为类似于本机浏览器和zoomes。

所以我不想要任何缩放，我希望网站以全分辨率呈现。

Answer 1

要防止缩放，您应该使用：

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

希望有所帮助：）

Answer 2

您确定该页面实际上已在Android浏览器中放大了吗？我的观察结果是，如果您只是反复重新加载同一页面，则以前的缩放通常会保持活动状态，这可能会误导您认为这是页面为用户加载的方式。但是，使用刷新/重新加载，页面将在正常加载时加载正常。因此，我建议您在可靠地检查缩放行为时确保导航到新页面。

否则，如果您仍有问题且桌面版网站具有固定宽度，则只需将视口设置为：

<meta name="viewport" content="width=fixed-width,initial-scale=1">

固定宽度是固定桌面目标宽度（以像素为单位）。

这将为您提供一个完整的宽度，并根据每个移动设备的屏幕尺寸进行重新调整。