在Chrome Canary設備模擬面板中模擬視口選項：怪異行爲

我無法弄清新Chrome設備仿真面板中「模擬視口」選項的行爲。在Chrome Canary設備模擬面板中模擬視口選項：怪異行爲

未選中時，所有內容都按原樣運行。我可以在瀏覽器中可視化設備視口，並且可以在瀏覽器中正確顯示代碼中所做的更改。

雖然（如默認情況下）選中該選項，但它完全混淆了我的佈局。出現水平滾動條（即使使用.container{max-width: 100%;}或overflow: hidden），字體呈現的方式也比它應該更大，並且瀏覽器似乎忽略了我對CSS的更改。

在documentation，我讀：

模擬視 - 縮放頁面出該設備的物理默認視口。在Nexus 4的情況下，這是768x1280。

有人可以請用普通英語翻譯此選項激活什麼樣的行爲，爲什麼我要保持標記？

2014-03-26 zool

我不能回答一切，但字體是大是關係到https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust有一個選項仿真部分與啓用或禁用仿真的這一部分有關，我不記得確切的措辭，雖然 – steven

感謝您的提示 - 想知道更多的壽。 – zool

我有類似的問題。當我簡單地改變窗口的分辨率時，根據屏幕寬度，一切都會很好地渲染。但是，每當我嘗試在設備模擬器中使用Chrome進行模擬時，列不會改變它們的大小並以其物理寬度顯示在屏幕上。然後，我想出了將下面一行添加到html文件的部分。希望有所幫助。

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

2014-08-21 19:03:43

回答