一千萬個為什麽

搜索

瀏覽器工具來測試自定義視口大小?



我為電子書編碼html,我的第一個測試是在Firefox瀏覽器中。我需要一種嶄新的模式來模擬和比較橫向和縱向模式下不同設備視口中的網頁設計。

When I use the web developer --> responsive design view in Firefox, I have some presets, and if I click the rotate button I can see both landscape and portrait mode. But I don't see any capability to add custom viewport dimensions... which is strange given all the devices which are coming out these days.

有沒有辦法做到這一點?另外,是否有一個很好的URL列出了設備所有最流行的視口尺寸?

轉載註明原文: 瀏覽器工具來測試自定義視口大小?

一共有 1 個回答:

一旦進入自適應設計視圖,視圖右側和右下角的手柄就可以拖動來設置顯示大小。拖動時,左上角的下拉菜單顯示尺寸。一旦達到您想要的大小,您可以點擊菜單,選擇列表末尾的添加預設,然後用名稱保存這些維度。

Here's a question that lists some resources for viewport dimensions: https://stackoverflow.com/questions/5784485/how-to-figure-out-common-viewport-dimensions-not-screen-sizes-of-common-device