CSS對手機瀏覽器進行縮放zoom

Question

我當時的印象是，單元vh和vw涉及手機瀏覽器放大，但顯然情況並非如此，我想我已經開始明白爲什麼了。放大根本不會更改視口，但僅向用戶顯示視口的一部分，而不管名稱視口。基本上，你可以看到的和視口有區別。我不知道區分這兩者是否真的有意義，但這就是它的樣子。

問題是：我的樣式表中還有什麼「反應」來縮放變化？

例如，我有一些寬度的html元素，它適合在手機的屏幕上。現在用戶放大（做兩個手指手勢，將手指從彼此移開）。元素的大小應該與用戶看到的大小保持一致，但文本應該變大，因爲它可能是用戶放大的原因。也許他們之前無法讀取它，或者希望鏈接變大，以便他們可以更輕鬆地點擊它。

我該怎麼做這樣的事情？

我讀過有關@viewport的東西，但它不是真正支持還，也引出了一個問題，當要使用的視口的大小，如何使它流利，當您在瀏覽器destop使用vh和vw？簡單的限制「高達如此寬的像素」不會這樣做。定義一個數學函數來確定元素的大小相對於可以看到的大小的變化以及文本大小的變化會很大，但可能無法達到。

Answer 1

在移動設備上，text-size-adjust屬性允許Web作者控制是否以及如何將文本膨脹算法應用於其應用於的元素的文本內容。

由於此屬性爲非標準，因此必須使用前綴：-moz-text-size-adjust,-webkit-text-size-adjust和-ms-text-size-adjust。

智能手機上的瀏覽器不會使用與瀏覽器在臺式機上呈現網頁相同的算法顯示網頁。不是在設備屏幕的寬度上佈置網頁，而是使用比設備屏幕寬得多的視口（通常爲800或1000像素寬）佈置它。使用兩種可能的方法之一來映射回原始設備座標：然後使用較小的窗口僅在設備屏幕上顯示實際渲染內容的一部分，或者視口被拉伸至設備的大小。

其高度的實驗雖然