渲染移動Chrome和Android原生瀏覽器的差異

Question

在我的智能手機上測試我的桌面（無響應）網站時，我注意到在chrome（34.01847.114）和原生Android瀏覽器（4.3）中呈現網站的差異。 在Chrome中，頁面無需縮放即可呈現。 在本機瀏覽器中，分頁被放大。我不使用任何viewprt-tag。 當我將視口標記設置為

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

chrome的行為類似於本機瀏覽器和zoomes。

所以我不想要任何縮放，我希望網站以全分辨率呈現。

Answer 1

為了防止縮放你shoyld使用：

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

希望能幫助到你 ：）

Answer 2

您確定該頁面實際上已在Android瀏覽器中放大了嗎？ 我的觀察結果是，如果您只是反復重新加載同一頁面，則以前的縮放通常會保持活動狀態，這可能會誤導您認為這是頁面為用戶加載的方式。 但是，使用刷新/重新加載，頁面將在正常加載時加載正常。 因此，我建議您確保在可靠地檢查縮放行為時導航到新頁面。

否則，如果您仍有問題且桌面版網站具有固定寬度，則只需將視口設置為：

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

固定寬度是固定桌面目標寬度（以像素為單位）。

這將為您提供一個完整的寬度，並根據每個移動設備的屏幕大小進行重新調整。