我可以在Google Chrome瀏覽器中看到流動版式網頁，就像移動網絡瀏覽器中顯示的一樣嗎？

Question

我的問題是假設我知道設備的分辨率和dpi以及我的顯示器分辨率和dpi。此外，網頁佈局是流暢的（所有內容都按照w3c的建議以百分比表示）。 例如，假設在移動設備中我有一個480x320的屏幕和一個192的dpi。我的顯示器的dpi爲96，這是否意味着我應該看到與移動瀏覽器中相同的內容臺式機的Chrome尺寸爲960x640？如果不是，我應該考慮哪些因素？

Answer 1

不會。如果您將Chrome的尺寸設置爲480x320，您將看到與手機上看到的相同的內容。無論您是在手機上還是在桌面計算機上查看它們，像素都是一樣的。

DPI圖只是告訴你設備的分辨率。例如你的電腦每英寸有96個像素，你的手機有192個。因此，480 * 320在你的電腦屏幕上的佔用面積比在你的手機屏幕上要大，儘管輸出將會（應該是*）完全一樣。 *如果您使用任何腳本/代碼來檢查Useragent並根據它是否是電話/瀏覽器/上網本/任何其他方式來改變輸出，那麼您需要考慮這一點。您可以獲得「惡搞」Useragents的Chrome插件，讓您像查看移動設備一樣查看網站。如果你只是從字面上使用聰明的CSS和流體佈局，但你應該沒問題。

Answer 2

是的，你可以，
只需點擊Ctrl++，你會看到其中的差別，縮小使用Ctrl--， 來原國家按Ctrl+0。 你也可以Resize the window manually，這也會改變流體佈局。

Answer 3

您可以在Chrome開發人員工具中更改用戶代理字符串並模擬不同的移動解決方案。

用F12打開開發人員工具，單擊右下角的齒輪圖標，然後打開用戶代理選項卡。

硬件像素和歸一化光學像素之間存在差異，但這是一件複雜的事情。我建議在QuirksMode或A list apart上詳細閱讀。