視口問題

Question

我想讓我的頁面適合屏幕，無論分辨率是否存在，都不允許縮放。 我在很多文檔/資源中看到，這是使用視口調整屏幕上整個頁面的最佳方式。 （甚至jquerymobile生成此視口）

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 

但它只顯示頁面的某些部分。

但是，這段代碼的工作原理如下。整個頁面適合在屏幕上

<meta name="viewport" content="user-scalable=0;" /> 

有什麼區別？

Answer 1

此meta標籤要求您的文檔寬度是設備寬度。 jQuery Mobile使用它，因爲jQuery Mobile確保它會根據設備寬度調整文檔寬度。如果你想提出一個980px的頁面寬度在320像素寬屏幕，然後你必須設置980px在meta標籤：

<meta name="viewport" content="width=980, user-scalable=no"> 

如果你不知道你的文檔寬度，你必須先得到它，然後設置meta標記屬性。