chrome手機中的各種手機解像度是除錯真實解像度嗎

1.使用元標籤，這也是一種常用的方法，理論上來說，這種標籤的使用可以適應各種尺寸的螢幕，但是不同的解釋方式和各種裝置對標籤的支援導致它與所有瀏覽器或系統不相容。

首先解釋標籤的含義：

如果你完全不了解這個標籤的用法，你需要先看看它。

解釋：這個寬度指的是什麼寬度？，我看過的文章對此解釋得不是很清楚，有幾種選擇：虛擬視窗的寬度、手機螢幕的寬度、或者頁面的寬度等等，經過實驗後就是指虛擬視窗的寬度。

了解了寬度之後，對於後續的各種比例，應該知道誰和誰的比例，是虛擬視窗寬度的頁面寬度，這樣就會出現問題，Android裝置的尺寸差異很大，而主流的燈有320 480 720 1080等尺寸的寬度， 而且上面的標籤只能支援一種尺寸，當然有些瀏覽器會自動縮放來適應螢幕，但這不是乙個統一的標準，正確的方法是使用 js 動態生成這個標籤，當然應該先得到螢幕尺寸。

此外，還可以與此標籤共享以下內容：

1）、user-scalable=no，必須能夠保證頁面不能縮放才能看到no，有些瀏覽器不吃這個設定，還有乙個訣竅就是minimum-scale=，maximum-scale=最大和最小縮放比例都設定好了。

2） initial-scale= 是由 user-scalable 控制的初始縮放，有些瀏覽器會把 user-scalable 理解為使用者手動縮放，如果 user-scalable=no，initial-scale 不會生效。

3）手機頁面可以觸控移動，但如果有需要禁止此操作，頁面寬度等於螢幕寬度就是頁面剛好適應螢幕，保證頁面不能移動。

4）如果縮小頁面以適應螢幕的寬度，則會出現問題，當文字框被啟用（獲取焦點）時，頁面將被放大到其原始大小。

以上就是一些使用視口標籤的小經驗，我就和大家分享一下。

應該，就目前而言，我沒有發現此除錯有任何問題。

這是因為手機的螢幕尺寸本來就很小，在PC顯示器上模擬時，會顯得格外小。

在需要模擬的介面上按F12，點選彈窗控制台左上角的手機，然後點選下圖箭頭2指向的按鈕，切換你想要的解像度。

按快捷鍵 F12 獲取 chrome

單擊左側的電話螢幕圖示以設定不同的解像度

此除錯頁面可能只是模擬手機解像度，您還需要更改 UA 來模擬手機裝置和系統。

方法步驟如下所述

第一步是用chrome開啟要除錯的頁面;

第 2 步：按 F12 開啟 Dock 到主視窗按鈕使 Funny Developer Tools 停靠在瀏覽器右側，然後單擊左上角的 Toggle Device Mode接地按鈕。

第 3 步：選擇要模擬的裝置。

第四，重新整理頁面，看看手機的效果。

您可以這樣做：按住“Ctrl”鍵，滑鼠滾輪可以自由放大和縮小。

檢查chrome高階設定，有“網頁內容”：字型大小，網頁縮放。

看看你是否不小心修改了它。

按住 Ctrl 滾輪並向下滑動。