當我在手機上用Chrome瀏覽器查看這個頁面時:
<!DOCTYPE html>
<html lang="en-au">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
</head>
<body>
<div style="position:fixed;bottom:0;right:0;background:#f00;width:50px;height:50px">
</div>
<div id="output">
</div>
<script>
setInterval(() => document.getElementById("output").innerHTML = `windowHeight: ${window.innerHeight}`, 37);
</script>
</body>
</html>在開發網站時，更改瀏覽器中的標志或設置不是一個好的做法，因為大多數用戶不更改標志，和/或不更改他們的瀏覽器設置，或自定義它們。如果有，他們會意識到。因此，為了讓網站為每個人服務，你應該在瀏覽器的狀態/條件下進行開發，開箱即用——下載，在全新的標準環境下進行開發。
我用的是112.0.5615.47。我無法復制這個問題。
如果你點擊屏幕，它放大，這意味著它把點擊解釋為(放大)，它不能區分它和縮小，這就是為什么它縮小視窗，但在簡單加載不，它保持較大(和點擊較小)。 一種解決方法是在meta標簽上將user-scalable設置為no來禁用resize函數，如下所示
<meta name="viewport" content="width=device-width,user-scalable=no">請注意，無大小調整技術是針對響應式網頁的。如果你的頁面沒有響應，那么你不應該禁止用戶調整大小；這樣做可能會導致您的頁面無法在較小的設備上閱讀。
延伸閱讀:https://wp-mix.com/disable-resizing-meta-viewport/
出于可訪問性的原因，應該避免禁用調整大小。- 一個霍沃斯
第二次編輯:
如果雙擊(？)導致縮放，解決方法是禁用縮放，這與禁用縮放不同，沒有不好的可訪問性問題。
這段代碼基本上只是防止雙擊功能發生。每個touchstart事件仍然會觸發該事件，所以只需將任何其他功能放在if語句之外，就可以擺脫煩人的雙擊縮放功能。
var time_stamp = 0; // Or Date.now()
window.addEventListener("touchstart", function(event_) {
if (event_.timeStamp - time_stamp < 300) { // A tap that occurs less than 300 ms from the last tap will trigger a double tap. This delay may be different between browsers.
event_.preventDefault();
return false;
}
time_stamp = event_.timeStamp;
});相關帖子:如何在Android (Nexus 10)上禁用Chrome 30中的雙擊縮放功能
我認為你的手機是過時的，這是造成問題的原因。
第三次編輯:
我現在試圖在安裝了Android 10(因為這是華為Y9 Prime的最新版本——根據gsma rena.com的說法)的手機上重現這個問題，但我仍然無法重現這個問題。 所以，是什么導致了這個問題仍然是一個懸而未決的問題。
第四次編輯:
顯然，基于Bojan B的評論(
得到了類似的問題，但在Android Chrome 113上使用全屏API。全屏顯示會產生比預期更大的結果，一旦我們觸摸屏幕，這個結果就會被糾正。同樣的代碼過去幾年一直運行良好，所以我們懷疑它與更新有關。這個問題只發生在縱向，Galaxy S8+上的值到處都是。屏幕高度應該是846；初始全屏將其自身設置為innerHeight 813，點擊后，它會更正為769。
)這個問題是由一個更新引起的，所以它是某種類型的錯誤，所以，必須應用一個解決方法，特別是針對那個版本。