同一瀏覽器中同一頁面的不同視口寬度

如果我直接從文件系統瀏覽器打開頁面報告不同的視口寬度，那麼如果我使用簡單的python web服務器來提供它。另外，另一個瀏覽器（經過測試的Safari和Firefox）中的視口相同。由於報道的寬度較大，我的內容更受擠壓。爲什麼相同的文件有差異？同一瀏覽器中同一頁面的不同視口寬度

有這個元標記該網頁

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

這裏設定是報告的行爲http://recordit.co/aWwJzXxEvS

來源

2017-09-17 Saša Šijak

截圖沒有幫助;甚至不是動畫片。你現在應該知道。我們需要一個[mcve]，或者如果由於某種原因無法制作一個，至少需要鏈接到實況頁面。 –

@MrLister問題是我在本地不同的web服務器上遇到問題。例如，如果我下載了https://v4-alpha.getbootstrap.com/examples/narrow-jumbotron/（保存在Chrome中），然後使用「python -m SimpleHTTPServer」或「http-server」（節點包）我分別獲得了2100和1680像素寬度的視口，這只是在Chrome中，FireFox和Safari在兩臺服務器上都有1680個... –

好，陽光下的一切努力之後，我理解了它的記錄。

將頁面打開爲localhost:port在Chrome瀏覽器中混淆視口，它顯然使用一些不同的邏輯來表示它認爲是本地或任何網站。

但在127.0.0.1:port相同的本地服務器上打開頁面按預期工作。

來源

2017-09-18 10:12:10

同一瀏覽器中同一頁面的不同視口寬度

回答

相關問題